如何從html下拉列表菜單中僅打印一個選項的選定值

Question

您好，我有這個下拉列表菜單，我想制作一個腳本，當我只選擇最后一個選項時，html 中的標簽會發生變化。 這是我到目前為止所做的代碼：

 <select id='type' name='type' class="form-control" onchange="loadText(this)"> <option value="S">S</option> <option value="B">B</option> <option value="F">F</option> </select> <script> function loadText(select) { alert(select.options[select.valueOf(2)].text); } </script>

我試圖獲取所選選項的值，但在我擁有它之前它不起作用

select.selectedIndex

但我希望此功能僅適用於最后一個值，而不適用於所有 3

Answer 1

<select id='type' name='type' class="form-control" onchange="loadText(this)">
    <option value="S">S</option>
    <option value="B">B</option>
    <option value="F">F</option>
</select>

<script>
    function loadText(select) {
        var select = document.getElementById('type');

        var lastValue = select.options[select.options.length - 1].value;
        var selectedValue = select.options[select.selectedIndex].text;

        if (lastValue === selectedValue) {
            alert(selectedValue);
        }
    }
</script>