We do business in the US and Canada, so on a registration form I have a select that has optgroups to separate the US states from the Canadian provinces. I use the two character codes and store them in the database. When I want to edit the customer information, I want the same options available as on the registration form; however, I cannot seem to find the state or province by the value and then mark it selected.
Here is an example of the select:
<select id="company-state">
<option value="">Select One</option>
<optgroup label="United States">
<option value="AK">Alaska</option>
<option value="AL">Alabama</option>
...
<option value="WV">West Virginia</option>
<option value="WY">Wyoming</option>
</optgroup>
<optgroup label="Canada">
<option value="AB">Alberta</option>
<option value="BC">British Columbia</option>
...
<option value="SK">Saskatchewan</option>
<option value="YT">Yukon Territory</option>
</optgroup>
</select>
I have tried numerous solutions, such as, trying to find the option by value or by ordinal and nothing seems to work.
Simple jQuery answer:
Live DEMO
To "mark it as selected" you can add to the selector:
Just set the value of dropdown using the .val operator and you are good to go. Please check the fiddle.
https://jsfiddle.net/2t48cqho/