jQuery选择器：如何选择两个元素？

Question

<select name="d1">
  <option value="dd">111</option>
  <option value="dd">111111</option>
</select>
<select name="d2">
 <option value="dd">2222</option>
  <option value="dd">222222222222</option>
</select>

我有两个选择，如何使用jQuery选中这两个元素。

$("select[name='d1']").change(function(){xxx});

这段代码只能选择一个元素，需要帮助的话，请指教，谢谢。

- mlzboy

---

在最坏的情况下，您总是可以使用add方法。 - user166390

Answer 1

有几种选择。

1. 选择页面上的所有选择元素：

   $("select").change(function(){xxx});
   

2. 仅选择包含ID为formD的表单中的那些选择元素：

$("form#formD select").change(function(){xxx});

3. 仅选择类名为d的所有元素（将一个class HTML属性添加到每个元素）：

$("select.d").change(function(){xxx});

4. 选择那些名字或ID以d开头的元素：$("select[name^=d]").change(function(){xxx}); 仅选择那些通过ID命名的select元素（在每个select元素中添加一个id HTML属性）：$("select#d1, select#d2").change(function(){xxx}); 只选择那些使用 name 属性特定命名的select元素（我会尽量避免使用此属性，因为它不易读）：$("select[name='d1'], select[name='d2']").change(function(){xxx});

- PleaseStand

---

+1 显示所有可行的方法。我建议选择第三个选项。 - RPM1984

哦，等等，他也撤回了。+1被撤销。 - RPM1984

Answer 2

$("select[name='d1'],select[name='d2']").change(function(){xxx});

- ryanlahue

Answer 3

您可以选择d1或d2：

$("select[name='d1'], select[name='d2']").change(function(){xxx});

但如果您为它们分配相同的类，然后根据类选择，会更加优雅：

<select name="d1" class="d">...</select>
<select name="d2" class="d">...</select>

$("select.d").change(function(){xxx});

- John Kugelman

Answer 4

$("select[name^=d]") - 这段代码将返回所有名称以 d 开头的 select 元素。以下是示例链接：http://jsfiddle.net/KjURE/。这正是您所要求的。

- Gabi Purcaru