更改变量onchange select而不重新加载页面

Question

当我更改选项时，如何在所选选项中更改变量：var_number的值。并且页面不得重新加载，就像使用提交一样。

<form name="form1" method="POST">
<select name="select1" id="select1_id" >
<option value="2" >2</option>
<option value="15" >15</option>
</select>
</form>
document.write(var_number)

Answer 1

使用onchange事件处理程序（或Javascript库中类似的东西）来更新变量。

例如：

<select name="select1" onchange="updatevariable()">

然后，您可以创建一个更新变量的Javascript函数。

使用document.write也不是一个好主意，除非那只是用于测试 - 使用innerHTML或类似的东西。