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});

这段代码只能选择一个元素，任何人都可以伸出援助之手，谢谢

Answer 1

有几种选择。

选择页面上的所有选择元素：
```
$("select").change(function(){xxx});
```
仅选择ID为formD的表单中包含的所选元素：
```
$("form#formD select").change(function(){xxx});
```
仅选择课程d中的所选元素（为每个选择元素添加class HTML属性）：
```
$("select.d").change(function(){xxx});
```

仅选择名称/ ID以d开头的选择元素：

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

仅选择由ID专门命名的选择元素（为每个选择元素添加id HTML属性）：
```
$("select#d1, select#d2").change(function(){xxx});
```
仅选择那些使用name属性明确命名的选择元素（我会尽量避免，因为它的可读性较差）：
```
$("select[name='d1'], select[name='d2']").change(function(){xxx});
```

Answer 2

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

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});

Answer 4

$("select[name^=d]") - 将返回名称以select开头的所有d。这是小提琴：http://jsfiddle.net/KjURE/。这正是你要求的

jquery选择器如何选择两个元素

4 个答案: