JSFiddle - React, Tailwind, and code Playground

by wllai2001

HTML

<select id="selectBox" onchange="handleSelect()">
        <option value="option1">選項1</option>
        <option value="option2">選項2</option>
        <option value="option3">選項3</option>
    </select>
    
    
       <div id="selectedValueDisplay"></div>

JavaScript

function handleSelect() {
    var selectBox = document.getElementById("selectBox");
    var selectedValue = selectBox.value;

    // 獲取用於顯示的 HTML 元素
    var displayElement = document.getElementById("selectedValueDisplay");

    // 將所選值設置為元素的內容
    displayElement.innerHTML = "選擇了：" + selectedValue;

    // 可以在這裡加入其他處理邏輯
    // 例如，根據選擇的值執行不同的操作
    if (selectedValue === "option1") {
        // 做某些事情...
    } else if (selectedValue === "option2") {
        // 做其他事情...
    } else if (selectedValue === "option3") {
        // 做其他事情...
    }
}