清除SELECT中的所有选择

Question

<select id="number" name="number">
  <option value=""></option>
  <option value="1">01</option>
  <option value="2" selected="selected">02</option>
  <option value="3">03</option>
  <option value="4" selected="selected">04</option>
  <option value="5">05</option>
</select>
<span id="clear">clear all</span>

$('#clear').click(function(){
  // what should be here?
})

如何清除/删除select#number中的所有选择？

Answer 1

试试这个：

API：http://api.jquery.com/empty/

希望这有助于推动:)

$('#clear').click(function(){
  $('#number').empty();
})​

Answer 2

试试这个

$('select#number').children().removeAttr('selected');

Answer 3

我更新了我的答案，这应该有效

    $('#clear').click(function () {
        $('#number option').each(function () {
            $(this).removeAttr("selected");

        });

    });

Answer 4

试试这个......

$("select#number option").remove();

Answer 5

如果要重置选择，请使用

$('#clear').click(function(){
   $('select#number').val('');//Cause you have a blank option with value of empty string
});

Answer 6

$('#clear').click(function(){
   $("#number").removeAttr("selected");  
})

Answer 7

尝试：

 $("select#number option").attr("selected", "");