2

htmlコード:

<select>
    <br>
    <option>1</option><br>
    <option>2</option><br>
</select>

この選択により、デフォルトで最初のオプション項目が表示されます(表示1)。
domの準備ができたときにjqueryで2番目の項目を表示するようにselectを変更したいのですが、何度か試しましたが、すべて失敗しました。以下は私の試みです。

  1. $('select')。prop('selectIndex'、1);
  2. $('option')。eq(1).attr('selected'、'selected');
  3. $('option')。eq(1).prop('selected'、true);
  4. デフォルトでは、HTMLコードでselectのスタイルを「display:none」に設定し、上記の3つの方法を試して、最後に$('select')。show()を呼び出します。

たぶん、私はdom値を設定しているだけで、ブラウザに「select」を更新するように指示していません。

selectのデフォルトの表示オプションを更新する別の方法を知っていますか?

4

3 に答える 3

1

valueからオプションにsを追加する必要がありますselect

<select>
  <option value="1">First</option>
  <option value="2">Second</option>
</select>

次に、値「2」を設定します。

$("select").val("2");

または、から2番目の値を設定するだけでこれを行うことができますselect

$("select").val(2);

こちらの実例をご覧ください。

于 2013-02-07T05:15:18.240 に答える
0

これで十分です

$("select").val(2);
于 2013-02-07T05:12:32.497 に答える
0

ページが読み込まれているときにオプション2を選択したいと思います。

<select>
    <option>1</option>
    <option selected="selected">2</option>
</select>
于 2013-02-07T05:16:53.477 に答える