And i put an onchange on my select. With “onchange”, a “option” is like an “a href”.

But there is no result.
Could you help me please ?

The alternative is to not use a dropdown at all. Instead use a textbox that links to a hidden div that dispalys when the textbox is selected/clicked. The JQuery Calendar control does this.

Whoop a bit of my script seems to have got lost, it should be:

$(”#dropdown”).prepend(”");
$(”#dropdown option:first-child”).attr(”selected”,”selected”);

(without the spaces on the option tags)

I am looking for a way to trigger a dropdown to clear any value that has been selected from it, so it returns to its default state where nothing is selected.

The best way i’ve found to achieve this is to prepend a blank option to the dropdown and then select that blank option:

$(”#dropdown”).prepend(”");
$(”#dropdown option:first-child”).attr(”selected”,”selected”);

But ideally I would prefer not to have a blank option in the dropdown selector so that I dont have to validate the user to ensure they are not submitting a blank value.

What i’m wondering is if there is a simple way to tell the dropdown to return to the state where nothing is selected, e.g. if there was something like (”#dropdown”).reset – any ideas?

You say “try to avoid using the dom directly” — why?

Other gotchas of select boxes: select that allows multiple selected options behaves differently.

Also, the val() of an option that does not have a “value” attribute is the the text() string.