Как получить значение всех других выпадающих списков при изменении одного из них?

Question

Я пытаюсь заполнить текстовое поле на основе значений из набора раскрывающихся списков. Как только пользователь изменит значение раскрывающегося списка, я хотел бы получить значения всех других раскрывающихся списков, которые содержатся в том же элементе div. В приведенном ниже примере я пытаюсь отобразить значение, которое все «выбирает», в диалоговом окне. Когда я запускаю приведенный ниже код, диалоговые окна вообще не удаляются.

HTML:

<div id="cat1">
    <select id="sel1" >
      <option  value="abc" > abc </option>
      <option  value="def" > def </option>
    </select>

    <select id="sel2">
      <option  value="rst" > rst </option>
      <option  value="uvw" > uvw </option>
    </select>
</div>

<div id="additional">
<!-- more selects -->
</div>

JQuery:

$(document).ready(function() {
    $("#sel1").change(function() {
        $(this).siblings('select').each(function() { 
                alert ('hi');  // does not even iterate
                alert($(this).val());
        });
    });
});

Answer 1

Можете ли вы добавить класс для каждого выбора в div? Вот так:

<div id="cat1">
<select id="sel1" class="div1">
  <option  value="abc" > abc </option>
  <option  value="def" > def </option>
</select>

<select id="sel2" class="div1">
  <option  value="rst" > rst </option>
  <option  value="uvw" > uvw </option>
</select>
</div>

Тогда jQuery может сделать это:

 $('.div1').each(function() { 
            alert ('hi');  // does not even iterate
            alert($(this).val());
    });