从下拉列表中更新脚本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;
}

请注意，这假设id元素上的yourSelect select，并且还假设languageFrom在事件处理函数的范围内（可能是全局的）

Answer 2

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