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

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

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

5. 仅选择由ID专门命名的选择元素(id向每个选择元素添加HTML属性):

   $("select#d1, select#d2").change(function(){xxx});
   

6. 仅选择那些使用该name属性专门命名的选择元素(我会尽量避免,因为它的可读性较差):

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