web-dev-qa-db-ja.com

jQueryを使用してドロップダウンリストにデフォルト値を設定します

ドロップダウンリストには次のような多くのオプションがあります。

<option value="1">it's me</option>

1などの属性ではなく、タグ内で値it's meを持つオプションを選択する必要があります。

JQueryを使用してこれを行うにはどうすればよいですか？

javascriptjqueryhtmlcssevents
29
Steven Spielberg

これにjQueryを使用する場合は、次のコードを試してください。

_$('select option[value="1"]').attr("selected",true);
_

更新しました：

Vivekからのコメントに続いて、スティーブンスピルバーグはText値を介してオプションを選択したいと正しく指摘しました。

以下は更新されたコードです。

_$('select option:contains("it\'s me")').prop('selected',true);
_

:contains(text) セレクターを使用して、含まれているテキストを介して検索する必要があります。

また、jQuery prop は、属性の取得および設定時にInternet Explorerのサポートを改善します。

JSFiddleの実際の例

82
halfcube

これを行うことができます：

$('#myCombobox').val(1)
33
Hogsmill

val（）は両方のケースを処理する必要があります

  <option value="1">it's me</option>      


$('select').val('1'); // selects "it's me"

$('select').val("it's me"); // also selects "it's me"
5
oditiwebs.com
$("#dropdownList option[text='it\'s me']").attr("selected","selected");
2
Vivek
jQuery("select#cboDays option[value='Wednesday']").attr("selected", "selected");
1
Harish

これはうまく機能しています：

$('#country').val($("#country option:contains('It\'s Me')").val());
0
ashish.chotalia

JQueryの1行ですべてができます！

$("#myCombobox option[text='it\'s me']").attr("selected","selected");
0
Mark Robinson
$('#userZipFiles option').prop('selected', function() {
        return this.defaultSelected;
    });
0
Franco