0

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

<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' 值我该如何实现？

4

3 回答 3

1

如果我理解你的话，在 JavaScript 中你可以询问元素的值。

var element = document.getElementById("mySelect");
var dataFile = element.options[element.selectedIndex].value;

如果选择了第二个选项，这应该使 dataFile 具有值“data2”如果你想要文本值，你可以使用它。

var element = document.getElementById("mySelect");
var dataFile = element.options[element.selectedIndex].text;

如果选择了第二个选项，这应该使 dataFile 的值为“value 1”

这对你有帮助吗？

于 2013-11-05T17:24:24.540 回答
1

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

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

在这里查看一个简单的演示。

于 2013-11-05T17:28:26.607 回答
0

正如 Arthur 所说，您可以使用此代码获得选择的选项值。

var dataFile = document.getElementById("mySelect").value;

要在更改选择值时更新 dataFile 变量，您可以在元素的 onchange 事件上创建一个函数。

var selectElement = document.getElementById('mySelect');
selectElement.onchange = function(e){
    dataFile = document.getElementById("mySelect").value;
    console.log(dataFile);
}

例子

于 2013-11-05T17:36:02.000 回答