Установить значение переменной из ввода перед отправкой

Question

Сначала у меня есть этот ввод в форме.

<select id="entry_14">
     <option value="Woman">Woman</option>
     <option value="Man">Man</option>
</select>

Затем я объявил эту переменную.

var mygender = document.getElementById('entry_14').value;

, но затем, когда я document.write, он уже показывает "«Мужчина» до того, как пользователь даже делает выбор, а после выбора женщины он все еще показывает мужчину.

Как настроить значение этой переменной для изменения, каждый раз, когда пользователь выбирает один из вариантов?

Answer 1

Он выполняется немедленно, потому что ваш код не находится в функции. Вам нужно вызвать эту функцию, когда выбор изменится. Добавьте обработчик onchange к вашему select.. В этом примере я передаю this.value, которое является значением списка выбора для функции. Наконец, вы можете делать все, что вы хотите с этим значением.

<select id="entry_14" onchange="myfunction(this.value);">
    <option value="Woman">Woman</option> 
    <option  value="Man">Man</option>
</select>

<script>
    function myfunction(val) {
        document.write(val);
    }
</script>

Answer 2

объявить onchange event handler.

document.getElementById('entry_14').onchange = function(){
var mygender =  this.value;
document.write(mygender);
}

Answer 3

Я думаю, что вы ищете это

var mygender= document.getElementById('entry_14');
var gender= mygender.options[mygender.selectedIndex].value;// for value 

var gender= mygender.options[mygender.selectedIndex].Text;//for text

Answer 4

Добавьте обработчик onChange JS к элементу

<select id="entry_14" onChange="updateMyGender();">
    ....
</select>

<script>
    var mygender = document.getElementById('entry_14').value;
    function updateMyGender()
    {
        mygender = document.getElementById('entry_14').value;
    }
</script>