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. Выберите только те элементы выбора, которые содержатся в форме с идентификатором formD:

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

3. Выберите только те элементы выбора в классе d (добавьте атрибут class HTML к каждому элементу выбора):

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

4. Выберите только те элементы, чьи имена / идентификаторы начинаются с d:

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

5. Выберите только те элементы выбора, которые конкретно названы по идентификатору (добавьте атрибут id HTML к каждому элементу выбора):

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

6. Выберите только те элементы, имена которых специально названы, используя атрибут name (которого я бы постарался избежать, поскольку он менее читабелен):

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

Answer 2

Вы можете выбрать 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 3

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

Answer 4

$("select[name^=d]") - вернет все select с именем, начинающимся с d. Вот скрипка: http://jsfiddle.net/KjURE/. Это именно то, что вы просили