次のような HTML 選択があります。
<select>
<option>a</option>
<option>b</option>
<option>c</option>
</select>
temp
そして、JavaScript で名前を 付けた変数があります。
var temp = "a";
ここで、選択のデフォルト値として temp に等しいオプションの値を設定したいと思います。
どうすればいいですか?
次のような HTML 選択があります。
<select>
<option>a</option>
<option>b</option>
<option>c</option>
</select>
temp
そして、JavaScript で名前を 付けた変数があります。
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 の "text" プロパティを使用して検証することもできます。
if(i.text == temp)
codepenで動作を確認してください。
注: これは JQuery です。Javascriptのセバスチャンの回答を参照してください
$(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>
以下に示すように、オプションにHTML select属性を配置できます。
a
次のような属性を定義しますselected="selected"
<select>
<option selected="selected">a</option>
<option>b</option>
<option>c</option>
</select>
Ex aで属性 selected="selected" を定義できます
あなたが使用することができます...
<option <?= ($temp == $value) ? "SELECTED" : "" ?> >$value</opton>
編集:PHPの質問を見ていると思っていました...申し訳ありません。