How to reset select select with jquery using chrome?

Question

I just want to clear the html selectbox selection. The following works fine in Safari and Firefox, but not in Google Chrome:

$('select#selectbox').val(null);

Any ideas?

+3

metafoo Jun 10 '11 at 9:34

3 answers

Interesting. Have you tried plain js?

document.getElementById('selectbox').selectedIndex = -1;

0

ScottE Jun 10 '11 at 9:40

$('select#selectbox').val(null); value , select .

.

 $("#selectbox").find("option:selected").removeAttr("selected");

, jQuery1.6

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

-1

Vivek 10 . '11 9:49

Seldaek · Accepted Answer · 2011-06-10T09:46:03+0000

.val(null) only works in FF and Opera, so I don't think this is a valid use case.

You can disable everything using selectedIndex as such:

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

Please note that .prop()only works in jQuery 1.6+, for lower versions you should use .attr().