javascript - 如何选择所有选择了特定值的下拉菜单？

Question

我不知道这是否可行，但是否有一种简洁的方法可以选择页面上所有选择了特定值的下拉菜单。

例如，我有许多相同的下拉列表(除了 id)，如下所示:

<select class="whatever">
  <option value="1">one</option>
  <option value="2">too</option>
  <option value="3">fwee</option>
</select>

我希望能够做这样的事情:

$(".whatever:2")

它只会选择那些选择了值为 2 的下拉列表

所有相关代码:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
    function go()
    {
        alert($(".whatever input[value='2']").length);
    }
</script>
<select class="whatever" id="a">
  <option value="1">one</option>
  <option value="2">too</option>
  <option value="3">fwee</option>
</select>
<select class="whatever" id="b">
  <option value="1">one</option>
  <option value="2">too</option>
  <option value="3">fwee</option>
</select>
<select class="whatever" id="c">
  <option value="1">one</option>
  <option value="2">too</option>
  <option value="3">fwee</option>
</select>
<input type="button" onclick="go();" value="go" />

Answer 1

您可以通过input[value=value] 选择它。这是使用您的测试用例的示例:

$(".whatever input[value=2]")

以上仅选择类中值为 2 的选项。