Set a select by option value with optgroups

Question

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: ``` ``` I have tried numerous solutions, such as, trying to find th…

Accepted Answer

Simple jQuery answer:

```
var value = "foo";
$('#company-state option[value="' + value +'"]');
```

Live DEMO

To "mark it as selected" you can add to the selector:

```
$('#company-state option[value="' + value +'"]').prop('selected', true);
```

Set a select by option value with optgroups

Solution

Problem