Javascript – Get selected text from a drop-down list (select box) using jQuery

domdrop-down-menujavascriptjqueryjquery-selectors

How can I get the selected text (not the selected value) from a drop-down list in jQuery?

$("#yourdropdownid option:selected").text();

If you'd like to get the option with a value of 2, use

$("#list option[value='2']").text();

If you'd like to get whichever option is currently selected, use

$("#list option:selected").text();

The jQuery constructor accepts a 2nd parameter called context which can be used to override the context of the selection.

jQuery("img", this);

Which is the same as using .find() like this:

jQuery(this).find("img");

If the imgs you desire are only direct descendants of the clicked element, you can also use .children():

jQuery(this).children("img");