У меня есть HTML select следующего вида:
<select>
<option>a</option>
<option>b</option>
<option>c</option>
</select>
и у меня есть переменная с именем temp
в моем JavaScript:
var temp = "a";
Теперь я хочу установить значение опции, равное temp, в качестве значения по умолчанию для моего 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.
$(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>
Simplay вы можете поместить HTML select атрибут к опции
a
, как показано ниже
Определите атрибуты типа `selected="selected".
<select>
<option selected="selected">a</option>
<option>b</option>
<option>c</option>
</select>