☰

選択オプション「selected」を値で設定する 質問する

tag-icon • tag-icon jquery jquery-selectors html-select
選択オプション「selected」を値で設定する 質問する

selectいくつかのオプションを含むフィールドがあります。jQuery を使用して、そのうちの 1 つを選択する必要があります。ただし、選択する必要があるのoptionsしかわかっていない場合、どうすればそれができるでしょうか。valueoption

次の HTML があります:

<div class="id_100">
  <select>
    <option value="val1">Val 1</option>
    <option value="val2">Val 2</option>
    <option value="val3">Val 3</option>
  </select>
</div>

値を持つオプションを選択する必要がありますval2。これはどのように実行できますか?

デモページはこちらです:http://jsfiddle.net/9Stxb/

ベストアンサー1

オプション タグにアクセスする必要がない、より簡単な方法があります。

$("div.id_100 select").val("val2");

これをチェックしてくださいjQueryメソッド。

注: 上記のコードは変更イベントをトリガーしません。完全な互換性を保つには、次のように呼び出す必要があります。

$("div.id_100 select").val("val2").change();

おすすめ記事