如何设置HTML选择的默认值?
这个问题在这里已经有了答案:
$(function() {
var temp="a";
$("#MySelect").val(temp);
});
<select name="MySelect" id="MySelect">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>
您首先需要将值添加到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>
在codepen上看到它的行动。
您应该定义选项的属性,例如seleted =“selected”
<select>
<option selected="selected">a</option>
<option>b</option>
<option>c</option>
</select>
链接地址: http://www.djcxy.com/p/88071.html