Best way to unselect a <select> in jQuery?

jquery select
user198729 picture user198729 · Dec 7, 2009 · Viewed 294.5k times · Source 
<select size="2">
<option selected="selected">Input your option</option>
<option>Input your option</option>
</select>

What is the best way, using jQuery, to elegantly unselect the option?

Answer

Ei Maung picture Ei Maung · Dec 7, 2009

Use removeAttr...

$("option:selected").removeAttr("selected");

Or Prop

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

Related questions

jQuery get value of select onChange

I was under the impression that I could get the value of a select input by doing this $(this).val(); and applying the onchange parameter to the select field. It would appear it only works if I reference the ID. …

Read More
How to make the first option of <select> selected with jQuery

How do I make the first option of selected with jQuery? <select id="target"> <option value="1">...</option> <option value="2">...</option> </select>

Read More
set option "selected" attribute from dynamic created option

I have a dynamically created select option using a javascript function. the select object is <select name="country" id="country"> </select> when the js function is executed, the "country" object is <select name="country" id="…

Read More