<分区>
我有一个这样的 HTML 选择:
<select>
<option>a</option>
<option>b</option>
<option>c</option>
</select>
我的 JavaScript 中有一个名为 temp 的变量:
var temp = "a";
现在我想将等于 temp 的选项的值设置为我选择的默认值。
我该怎么做？
标签 javascript html
<分区>
我有一个这样的 HTML 选择:
<select>
<option>a</option>
<option>b</option>
<option>c</option>
</select>
我的 JavaScript 中有一个名为 temp 的变量:
var temp = "a";
现在我想将等于 temp 的选项的值设置为我选择的默认值。
我该怎么做？
最佳答案
您首先需要向您的 select 选项添加值，并为轻松定位给 select 本身一个 id。
让我们将选项 b 设置为默认选项:
<select id="mySelect">
<option>a</option>
<option selected="selected">b</option>
<option>c</option>
</select>
现在您可以像这样使用 JavaScript 更改默认选定值:
<script>
var temp = "a";
var mySelect = document.getElementById('mySelect');
for(var i, j = 0; i = mySelect.options[j]; j++) {
if(i.value == temp) {
mySelect.selectedIndex = j;
break;
}
}
</script>
我们也可以使用 i 的“文本”属性来验证:
如果(i.text == temp)
在 codepen 上查看实际效果.
关于javascript - 如何为 HTML 选择设置默认值？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19611557/