JQuery - set select index on id elements

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 using jQuery, but not by value:

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

but using id elements.

Thanks for the answer.

Answer 1

You can use the 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 this index, you can use the eq method:

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

Answer 2

  var id= "sel01"; $('#selectid option').each(function(){ if($(this).attr('id') == id){ $(this).attr('selected',true); } }); 

Answer 3

You can get the value of an element using an identifier and use the value for jQuery val() .

 var elementId = 'sel01'; $("#mySelect").val($('#' + elementId).val()); 

Answer 4

If you want to choose an option:

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

if you want to get the selected option id value:

 $('#mySelect option#sel02').val(); 

Answer 5

Try this syntax,

 $('select option:selected').attr('id'); 

check here , it will select an option based on a text value.

Answer 6

Like it. Just change the number in eq (0)

 $("#mySelect").val($("#mySelect").children().eq(0).val()); 

Answer 7

I don't know the context, but it worked for me when I needed to get data from json and make a choice for this particular combo box:

 $("#mySelect option[id='" + someVariable + "']").attr('selected', 'selected');