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

To＆＃34;将其标记为已选中＆＃34;你可以添加到选择器：

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

Answer 2

只需使用.val运算符设置下拉列表的值即可。请检查小提琴。

var value = "SK";
$("#company-state").val(value);
alert($('#company-state').val());

https://jsfiddle.net/2t48cqho/

使用optgroups设置选择选项值

2 个答案: