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

這里我們使用每個函數迭代所有選擇框。