Question

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

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

感谢。

代码是

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 1

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

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

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

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

Answer 2

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

Alert

单击上面的链接，您将看到警报正常。

我使用相同的代码，除了添加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());
  });
});

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

jquery从多个选择框

3 个答案: