當我選擇選項值時，我怎樣才能讓Javascript知道？

Question

所以我有一個選項值的列表，當他們被選中時，我想傳遞信息給Javascript，這樣我就可以嘗試讓Javascript聯繫服務器並根據該選項值更新其他字段（AJAX - something我是新來的！）

如何讓Javascript知道我選擇了一個特定的選項值？

Answer 1

可以綁定一個變化事件監聽器的select元（假設你的select元素具有yourSelect的id）：

document.getElementById("yourSelect").onchange = function() { 
    var selected = this.value; 
    //Do whatever with the selected value 
} 

這裏有一個working example。只要select的值發生更改，就會調用onchange事件偵聽器。您可以使用this.value訪問所選選項的value，並將其傳遞到您的服務器端腳本。

Answer 2

在醜陋的直接編碼方法：

<select onchange="the_select_was_changed(this);"> 
    <option>...</option> 
    <option>...</option> 
</select> 

function the_select_was_changed(obj) { 
    alert("The selected index is " + obj.selectedIndex + " and has value " + obj.options[obj.selectedIndex]); 
} 

Answer 3

添加每個selectboxes事件的onChange：

<select name="{any name}" onChange="myVJsValuecheckFunction(this)"> 
    <option value="{myOptionValueOne}">myoptionText</option> 
    ... 
</select> 

然後編寫JavaScript函數：

function