如果用JavaScript擷取标準下拉框的"選中值"和"選中文本"

在html中标準下拉框很常用，經常有這樣的需求在下拉框改變的時候我們需要擷取它的文本或值。

初學JS的朋友經常會把它的值和文本搞錯，把兩者混為一談。

有的時候還會歪打正着，因為經常我們的值就是我們的文本，但是實際它們是不同的東西。

下面我們來舉個例子。

我們先建立一個下拉框，如下：

<select name="selOp" id="selOp" onchange="GetSelValue();">

    <option selected value="a">a1</option>

    <option value="b" >b2</option>

    <option value="c" >c3</option>

    <option value="d" >d4</option>

    <option value="e" >e5</option>

</select>

JS代碼如下：

function GetSelValue() 

{

        var objSel = document.getElementById("selOp");

        //這是擷取值

        alert("目前值: " + objSel.value);

        //這是擷取文本

        alert("目前文本: " + objSel.options(objSel.selectedIndex).text);

}