使用JavaScript獲取所選下拉項目的值的正確方法是什麼？

我想我知道這個，現在我很不好意思監守我不行 -/使用JavaScript獲取所選下拉項目的值的正確方法是什麼？

This JSFiddle演示得到一個選擇的下拉項目在JavaScript中的價值的兩種方式。代碼轉載這裏：

var obj = document.getElementById("test"); 
alert(obj.options[obj.selectedIndex].value); //like this 
alert(obj.value); //or like this

怪異模式表明，一些老broswers不支持後者（http://www.quirksmode.org/js/forms.html），和價值是不是在HTML 4.01 spec支持的屬性。

所以我想知道，這是正確的這樣做的標準方式？

有人嗎？

來源

2011-02-15 James Wiseman

我一直使用第一種方法。我認爲這是更好的方法。它也適用於每個瀏覽器。 – Olical 2011-02-15 12:54:29

大衛是對的。如果你想完全兼容，你可能想使用類似：

var options = document.getElementById('securityWalkInTime').children; 
var value = []; 
for (var i=0;i<options.length;i++) { 
    var option = options[i]; 
    if (option.selected === true) { 
     value.push(option.value ? option.value : option.text); 
    } 
}

這肯定會工作，但是，對於所有的實際情況下，我會用你的例子的後者。

來源

2011-02-15 13:04:04 Exelian

我看過jQuery，你的方法與他們的處理大致相似。 – 2011-02-15 13:22:44

兩者都是standard。使用具有更好瀏覽器支持的版本。

值是不是在HTML 4.01規範

這是DOM，而不是HTML支持的屬性。

來源

2011-02-15 13:01:44 Quentin

使用JavaScript獲取所選下拉項目的值的正確方法是什麼？

回答

相關問題