jquery从多个选择框中获取值

Question

我正在为酒店开发一个网站。 在这里，我列出了每个类别的可用房间数量。 用户可以从所有类别中选择每个房间。 现在我需要在用户从每个类别中选择一个房间时发出警报。

我需要在选择任何一个房间时提醒所有选择选项的值

谢谢。

代码是

 $( ".edit-room" ).change(function() { alert($(this).val()); }); 

 <select name="room1" class="edit-room"> <option value="0">0</option> <option value="10">1</option> <option value="20">2</option> </select> <select name="room2" class="edit-room"> <option value="0">0</option> <option value="10">1</option> <option value="20">2</option> </select> <select name="room3" class="edit-room"> <option value="0">0</option> <option value="10">1</option> <option value="20">2</option> </select> 

Answer 1

我需要在选择任何一个房间时提醒所有选择选项的值

那么，不要仅仅警告事件发生的元素的值，而是针对所有元素：

$( ".edit-room" ).change(function() {
  $( ".edit-room" ).each(function() {
    alert($(this).val());
  })
});

（如果您不想要三个单独的警报，则首先将值附加到字符串变量，然后在每个循环之后将其警告。）

Answer 2

您似乎错过了在代码中添加jquery库，这就是为什么警报没有显示在您的情况下。

警报

点击上面的链接，你会看到警报正常。

我使用相同的代码，除了添加jquery库之外没有任何改变。

$( ".edit-room" ).change(function() {

$( ".edit-room" ).each(function(i, obj) {
alert($(this).val());
});
});

希望这可以帮助你......

Answer 3

这是您在更改任何选择框时获取所有选择框的值的方法。

<select name="room1" class="edit-room">
  <option value="0">0</option>
  <option value="10">1</option>
  <option value="20">2</option>
</select>

<select name="room2" class="edit-room">
  <option value="0">0</option>
  <option value="10">1</option>
  <option value="20">2</option>
</select>

<select name="room3" class="edit-room">
  <option value="0">0</option>
  <option value="10">1</option>
  <option value="20">2</option>
</select>


$( ".edit-room" ).change(function() {
  $( ".edit-room" ).each(function(index) {
      alert("Value of " + (index+1) +" select box : "+$(this).val());
  });
});

这里我们使用每个函数迭代所有选择框。