從下拉菜單中更新腳本var的值？

Question

我有一個腳本，它基本上看起來像這樣（我需要幫助的部分）：

<script> 
var languageFrom = " from "; 
var languageTo = " to "; 
</script> 

如果我有一個下拉菜單，看起來像這樣：

<select> 
<option value="en">En</option> 
<option value="fr">Fr</option> 
</select> 

當您選擇其中一個下拉菜單，它使用選項值中的文本填充from變量。你怎麼能做到這一點？有沒有關於這個的任何教程？

Answer 1

您可以將change事件處理程序綁定到select元素：

document.getElementById("yourSelect").onchange = function() { 
    languageFrom = this.value; 
} 

注意，這個select元素上呈現的yourSelect的id，並且還假定languageFrom是在事件處理函數的範圍（可能是全球的）。

Answer 2

selectNode.addEventListener("change", function(evt) { 
     languageFrom=languageTo; 
     languageTo = evt.target.value; 
    },false);