如何在jQuery中清除列表框中的值

Question

I want to clear the values from list box and I used this code to clear

$("#transfernumber").empty();

It is not working any other options available.

<label>Send Coupon No.</label>
<span class="divider" style="width:auto">:</span>

<select value="" name="transfernumber" id="transfernumber">
   <option data-amount="data-amount">Select Coupon Number</option> 
</select>

after writing this code only it works

$("#transfernumber").multiselect('refresh');

Answer 1

your jquery

$('#transfernumber > option').remove();

Demo

Answer 2

尝试这个：

$("#transfernumber option").remove();

Answer 3

You can also use:

$('#transfernumber')[0].options.length = 0;

or

$('#transfernumber').find('option').remove();

Answer 4

只需执行以下操作，它将删除选择框中的所有选项

$("#transfernumber").html("");

Answer 5

Try this,

$("#transfernumber").val('');// to clear the value
// to select the first option, as usual it may be "Select list"
$("#transfernumber option:first").prop('selected',true);

And if you want to remove all options then use html()

$("#transfernumber").html('');// to remove all options