如何使用jQuery重置select元素

Question

我有

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

使用jQuery,什么是最简单的(少写)重置方式,select所以第一个选项被选中？

Answer 1

试试这个.这会奏效.$('#baba').prop('selectedIndex',0);

点击这里http://jsfiddle.net/bibin_v/R4s3U/

Answer 2

在您的情况下(在我见过的大多数用例中),您只需要:

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

演示.

Answer 3

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

现在你最好使用.prop():http://api.jquery.com/prop/

Answer 4

$('#baba').prop('selectedIndex',-1);

Answer 5

将单个选择字段重置为默认选项。

<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>

Answer 6

如果这些解决方案都不适合您，请尝试添加

.trigger( "change" );

前任。

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

或者

$("#baba").val(false).trigger( "change" );

或者

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

或者

$('#baba').prop('selectedIndex',-1).trigger( "change" );

或者

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