javascript - jQueryの項目番号で選択ボックスの項目を選択する

Question

jQueryでアイテム番号で選択ボックスのアイテムを選択するにはどうすればよいですか?

<select id="selectbox" style="width: 220px;">
  <option value="Option 1">Option 1</option>
  <option value="Option 2">Option 2</option>
</select>

お気に入り：

$("#selectbox").val() = $("#selectbox").Item[0].val();

つまり、アイテムを切り替えて、その番号で設定したいということです。

score 1 · Accepted Answer

.val()は関数であるため、値を割り当てることはできません.val()。入力要素の値を設定するには、のセッターバージョンを使用する必要があります。

インデックス値を使用して最初のオプションの値にアクセスできます

var $select = $("#selectbox");
$select.val($select.children().first().val())
//$select.val($select.children().eq(0).val())

score 0 · Accepted Answer

$("#selectbox").val($("#selectbox option:nth-child(0)").val());

もちろん、0は任意の数にできます

score 0 · Accepted Answer

私にとって、これは最も明確なアプローチです。

$("#selectbox option").eq(1).prop('selected',true);

eq()function のパラメーターは、配列にアクセスする場合と同様に扱われることに注意してください。したがって、2 番目の要素はeq(1)

score 0 · Accepted Answer

JavaScript を使用:

var select=document.getElementById("selectbox")
var options=select.getElementsByTagName("option")
select.value=options[0].innerHTML

5 に答える 5