在提交之前从输入设置变量值

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时,它已经在用户做出选择之前显示"Man",并且在选择了女人之后,它仍然显示了man.

每次用户选择其中一个选项时,如何设置此变量的值？

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>