How do I clear the selected value from a select box using jQuery?

Question

I don't want to remove the options, just clear the selected value.

I tried the following:

$("#myid").val("")

and that does not seem to work.

Answer 1

你可以使用prop方法。

$("#myid option:selected").prop("selected", false)

Answer 2

只有当你有一个空值的选项时，这才有效：

<option value=""></option>

Answer 3

You can try this

HTML CODE

<select id="myid">
    <option value="">Select None</option>
    <option value="0" id="item1">Item 1</option>
    <option value="1" id="item1">Item 2</option>
    <option value="2" id="item2">Item 3</option>
    <option value="3" id="item3">Item 4</option>
</select>

JS CODE

$(document).ready(function(){
    $('#myid').change(function(){
        var getVal= $('#myid').select().attr('value');
$('option[id=item'+getVal+']').attr('value','');
    });
});

http://jsfiddle.net/RtvPz/63/