如何设置HTML选择的默认值？

Question

我有这样的HTML选择:

<select>
    <option>a</option>
    <option>b</option>
    <option>c</option>
</select>

我有一个temp在我的JavaScript中命名的变量:

var temp = "a";

现在我想将选项的值设置为temp作为我的select的默认值.

我该怎么做？

Answer 1

您首先需要为您的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上查看它.

Answer 2

$(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>

Answer 3

你应该定义optionlike selected ="selected" 的属性

<select>
   <option selected="selected">a</option>
   <option>b</option>
   <option>c</option>
</select>

Answer 4

Simplay你可以将HTML select属性放到选项a中,如下所示

定义类似的属性 selected="selected"

<select>
   <option selected="selected">a</option>
   <option>b</option>
   <option>c</option>
</select>