jquery - 使用 optgroups 设置按选项值选择

Question

我们在美国和加拿大开展业务，因此在注册表单上我有一个选择，其中包含将美国各州与加拿大各省分开的选项组。我使用这两个字符代码并将它们存储在数据库中。当我想编辑客户信息时，我希望使用与注册表相同的选项；但是，我似乎无法通过值找到州或省，然后将其标记为选中。

这里是选择的例子:

<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>

我尝试了很多解决方案，例如，尝试按值或按序号查找选项，但似乎没有任何效果。

Answer 1

简单的 jQuery 答案:

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

Live DEMO

要“将其标记为选中”，您可以添加到选择器:

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