Question

<select id="mySelect">
  <option id="sel01" value="some value">some value</option>
  <option id="sel02" value="some other value">some other value</option>
  <option id="sel03" value="maybe me">maybe me</option>
  <option id="sel04" value="and another one">and another one</option>
</select>

I would like to select an option with use of jQuery, but not by value:

$("#mySelect").val(1);

but by elements id.

Thanks for an answer.

Answer 1

You can use prop method.

var id = 'sel02';

$('#mySelect option').filter(function(){
   return this.id === id
}).prop('selected', true);

or:

$('#' + id).prop('selected', true);

Or if you want to select an option based on it’s index, you can use eq method:

$('#mySelect option').eq(1).prop('selected', true);