javascript - HTML選択のデフォルト値を設定するには?

Question

次のような HTML 選択があります。

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

tempそして、JavaScript で名前を 付けた変数があります。

var temp = "a";

ここで、選択のデフォルト値として temp に等しいオプションの値を設定したいと思います。

どうすればいいですか？

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>

また、i の "text" プロパティを使用して検証することもできます。

if(i.text == temp)

codepenで動作を確認してください。

Answer 2

注: これは 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>

Answer 3

以下に示すように、オプションにHTML select属性を配置できます。a

次のような属性を定義しますselected="selected"

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

Answer 4

Ex aで属性 selected="selected" を定義できます

Answer 5

あなたが使用することができます...

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

編集：PHPの質問を見ていると思っていました...申し訳ありません。