小编cli*_*bak的帖子

所以我正在编写一个需要输入地址的应用程序,我有一个select元素供用户选择州/省.它需要支持US,Canada所以它嵌套optgroups了将那些out和单个第一级选项分开,因为它是默认值.这是一个基本的例子:

<select name="state" id="state">
  <option class="co" value="" data-placeholder="true" disabled selected>Choose your state...</option>
  <optgroup label="United States">
    <option class="co" value="AL">Alabama</option>
    <option class="co" value="AK">Alaska</option>
    <option class="co" value="AZ">Arizona</option>
  </optgroup>
  <optgroup label="Canada">
    <option class="co" value="AB">Alberta</option>
    <option class="co" value="BC">British Columbia</option>
    <option class="co" value="MB">Manitoba</option>
  </optgroup>

现在我需要以编程方式选择匹配来自外部源的输入的选项,并且我想根据option元素的值或其文本检查匹配.无论哪个选项匹配,都将被设置为所选选项.我知道您可以使用值设置所选选项

$("#state").val(myValue)

而且我知道您可以通过这种方式基于文本设置选项

var myText = "The state I want.";
$("#state").children().filter(function() {
  return $(this).text() == myText;
}).prop('selected', true);

有没有一个干净的方法来做到这一点,而不必经过每个孩子,检查它是否是一个optgroup,然后运行所有的孩子检查匹配？有没有一种简单的方法通过jQuery来组合设置所选选项的值和文本方法？

另一个复杂的问题是,我将在外部jQuery插件中执行此操作.在我需要修改的函数中,我将select元素作为变量

$element

所以我需要一种方法来做到这一点,如果可能的话:

$element.descendents(":option").filter(function() {
  //do the selecting here
}).prop('selected', true);