把「選擇」的標籤的值成JavaScript變量

樣品<select> HTML表格元素的從W3Schools（有點修改）：把「選擇」的標籤的值成JavaScript變量

<select> 
    <option value="a">Option A</option> 
    <option value="b">Option B</option> 
    /*...*/ 
</select>

據我可以看到，無論option也不select具有id屬性，所以好老document.getElementById("name of select element").value不起作用。

但是如何才能將屬性的選項選中列表中的一個JS變量？

我知道它可以通過函數調用完成，例如，當我按下按鈕元素時，但是我必須寫入該函數？

@DevonBernard哦，謝謝！沒有打算寫一個實際的重複，但我有點難以找到相關的答案。當我搜索時，Google拒絕更喜歡SO問題。 –

除了剛剛給它一個id，你可以添加一個onchange事件：

<select onchange="yourfunction(this.value)"> 
...

還有其他的方式來訪問你的DOM元素。例如，假設這是唯一的（或第一）選擇您的頁面上，你可以用這樣一行訪問它的價值：

var val = document.getElementsByTagName("select")[0].value;

2016-03-22 20:34:29 jayms

如果你沒有一個id一起工作時，DOM提供您可以使用一些其他的API，但可能是最通用的是：

document.querySelector("CSS Selector Here");

所以，你可以使用由標籤名select或通過其在DOM位置或類發現select元素的選擇名稱適用於它等。

然後，要得到的價值，你會寫這個：

var val = document.querySelector("CSS Selector Here").selectedIndex.value;

2016-03-22 20:54:27

回答