76

私は持っている

<select id="baba">
<option>select something</option>
<option value="1">something 1</option>
<option value=2">something 2</option>
</select>

jQueryを使用しselectて、最初のオプションが選択されるようにリセットする最も簡単な(書くのが少ない)方法は何ですか?

4

14 に答える 14

185

これを試して。これは機能します。$('#baba').prop('selectedIndex',0);

こちらをチェックhttp://jsfiddle.net/bibin_v/R4s3U/

于 2012-05-08T15:59:35.050 に答える
31

あなたの場合（そして私が見たほとんどのユースケース）、必要なのは次のとおりです。

$("#baba").val("");

デモ。

于 2012-05-08T15:58:58.147 に答える
13 
$('#baba option:first').prop('selected',true);

最近では、 .prop（）を使用するのが最適です： http： //api.jquery.com/prop/

于 2012-05-08T15:59:15.183 に答える
7 
$('#baba').prop('selectedIndex',-1);
于 2013-12-18T10:38:33.787 に答える
6

単一選択フィールドをデフォルト オプションにリセットします。

<select id="name">
    <option>select something</option>
    <option value="1" >something 1</option>
    <option value="2" selected="selected" >Default option</option>
</select>
<script>
    $('name').val( $('name').find("option[selected]").val() );
</script>


または、すべてのフォーム フィールドをデフォルトのオプションにリセットする場合:

<script>
    $('select').each( function() {
        $(this).val( $(this).find("option[selected]").val() );
    });
</script>
于 2016-07-18T07:26:20.750 に答える
4

編集：昔ながらの方法、

document.getElementById('baba').selectedIndex = 0;

以下を試してみてください。あなたのケースでうまくいくはずです。

$('#baba option:first').prop('selected', true);

デモ

于 2012-05-08T16:00:46.333 に答える
2 
$('#baba option:first').attr('selected',true);
于 2012-05-08T15:58:50.290 に答える
1

これはトリックを行い、どの選択でも機能します。

$('#baba').val($(this).find('option:first').val());
于 2012-05-08T15:59:00.907 に答える
0

私は信じている：

$("select option:first-child").attr("selected", "selected");
于 2012-05-08T15:59:05.650 に答える
0

これは、すべてのオプションの選択を解除するという点で、他の回答とは少し異なります。

$("#baba option").prop("selected", false);

( https://stackoverflow.com/a/11098981/1048376から借用)

于 2019-10-22T19:37:29.803 に答える