Question

我有这样的HTML选择：

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

我的JavaScript中有一个名为temp的变量：

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

您应该定义option的属性，如selected =“selected”

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

Answer 4

Simplay您可以将HTML 选择属性放置到选项a，如下所示

定义selected="selected"

等属性

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

Answer 5

你可以在中定义属性selected =“selected” 前一个

Answer 6

你可以使用......

<option <?= ($temp == $value) ? "SELECTED" : "" ?> >$value</opton>

编辑：我以为我在看PHP问题...抱歉。

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

6 个答案: