javascript - 如何使用 javascript 更改表单中 var 的值

Question

我有一个表单，用户可以在其中选择他们想要查看的数据。

<form>
<div class="myvalues">
<select id="mySelect">
<option value="data1">value 1</option>
<option value="data2">value 2</option>
<option value="data3">value 3</option>
</select>
</div>
</form>

在我的 Javascript 部分(在 html 页面的 head 部分)我有下一个变量，

var dataFile = 'data1';

现在这是一个静态值('data1')但我想将“data1”值替换为在上面的表单中选择的选定值我如何实现这一目标？

Answer 1

您可以使用javascript的document.getElementById()函数来检索当前值:

dataFile = document.getElementById('mySelect').value;

看看here一个简单的演示。