Question

我正在尝试根据一组下拉列表中的值填充文本框。一旦用户更改了下拉列表的值，我想获得同一div中包含的所有其他下拉列表的值。在下面的示例中，我试图通过对话框在gien 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());
    });

如果更改其中一个下拉列表，我如何获得所有其他下拉列表的值

1 个答案: