How to find select option position?

jquery indexing option

Moon · Jul 21, 2011 · Viewed 13.7k times · Source

I'm trying to find an option's index.

For example, I would like to get 1 when I run the following fake code

JS:

$("#test[value='USD']").index() ?

HTML:

<select id='test'>
  <option value='CNY'>CNY</option>
  <option value='USD'>USD</option>
</select>

is this possible?

Answer

You were very close, you want to use index on the option element, not the select:

var i = $("#test option[value='USD']").index();

Note that this will break if your select contains optgroup elements. If so, you'll want to pass 'option' into index:

var i = $("#test option[value='USD']").index('option');

Live example (I changed the position so it's the 4th element for that example)