How to set the option selected by jquery, i.e.

Question

I am trying to set an option selected by its value. My code is here. It works in FF and Chrome, but not in IE. What can anyone help me?

var province = $("#hideProvince").val(); if(province != ""){ $("#province option[value='"+ province + "']").attr("selected", "selected"); }

+4

Allerson Nov 06 '12 at 12:39

2 answers

You can set val() to select to update the selected option:

 var province = $("#hideProvince").val(); if (province != ""){ $("#province").val(province) }

+2

Rory mccrossan Nov 06 '12 at 12:41

Adil · Accepted Answer · 2012-11-06T12:40:05+0000

Try attr("selected", true) instead of attr("selected", "selected") , I found this post , it may be related to what you are looking for.

 var province = $("#hideProvince").val(); if(province != ""){ $("#province option[value='"+ province + "']").attr("selected", true); }