Обновить скрипт 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);