селектор jquery как выбрать два элемента

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

этот код может выбрать только один элемент, любой может дать руку, Спасибо

8
jquery jquery-selectors

4 ответов

есть несколько вариантов.

  1. выберите все выбранные элементы на странице:

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

  2. выберите только те элементы select, которые содержатся в форме с идентификатором formD:

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

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

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

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

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

  5. выберите только те элементы select, которые специально названы ID (добавьте id HTML атрибут для каждого элемента select):

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

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

    $("select[name='d1'], select[name='d2']").change(function(){xxx});
12
$("select[name='d1'],select[name='d2']").change(function(){xxx});
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});
3

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

2