如何用JavaScript取得標準下拉方塊的'選取值'和'選取文字'

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

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

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

下面我們來舉個例子。

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

[html]  
    a1 option> 
    b2 
    c3 
    e5 
 

    a1
    b2
    b2
    c3
    d4
    d4
    d4
) >e5

 

 

JS程式碼如下：

[javascript] function GetSelValue() { 
         
        //這是獲取值
        alert("目前值: " + objSel.value); 
         
    tions(objSel.selectedIndex).text); 
} 
function GetSelValue() {
        var objSel = document.getElementById("selOp");
       
    
       
        //這是以取得文字
        alert("現行文本: " + objSel.options(objSel.selectedIndex).text);
}