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

i need to alert the values of all select option when any one of the room selected

那么不要只提醒事件发生的元素的值，而是针对所有元素:

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

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