Html 根据所选选项更改输入最大值

假设我得到了4个房间的选择标签：

<select name ="room">
   <option value="Room1">Room 1</option>
   <option value="Room2">Room 2</option>
   <option value="Room3">Room 3</option>
   <option value="Room4">Room 4</option>
</select><br>
<label for="guests">Total guests:</label>
<input class="bookinfo" type="number" name="guests" min="1" max="8" placeholder="1-8" required>

1号房间
2号房间
3号房间
4号房间


客人总数：

---

在这个标签之后，我有一个输入，显示每个房间可以有多少客人。但是，2号房间是10人住的，不是8人住的。有没有办法用jquery来改变这一点？

正如您所见，每次更衣室

max

和

占位符

发生变化时，我都会创建一个函数检查：

功能检查来宾（el）{
如果（el.value=='Room2'）{
document.getElementById（“bookinfo”）.max=10；
document.getElementById（“bookinfo”）.placeholder=“1-10”；
}否则{
document.getElementById（“bookinfo”）.max=8；
document.getElementById（“bookinfo”）.placeholder=“1-8”；
}
}

1号房间
2号房间
3号房间
4号房间


客人总数：

正如您所见，每次更衣室

max

和

占位符

发生变化时，我都会创建一个功能检查：

功能检查来宾（el）{
如果（el.value=='Room2'）{
document.getElementById（“bookinfo”）.max=10；
document.getElementById（“bookinfo”）.placeholder=“1-10”；
}否则{
document.getElementById（“bookinfo”）.max=8；
document.getElementById（“bookinfo”）.placeholder=“1-8”；
}
}

1号房间
2号房间
3号房间
4号房间


客人总数：

非常感谢，我无法使用jquery，但我想javascript在这种情况下是一个更好的选择：）考虑标记答案和+1:）只是一个愚蠢的问题，但它也可以是房间1，我是否应该写下如果（el.value==“Room1”| |“Room2”）可以在if station中添加所有需要的选项。（请记住不仅

if（el.value=='Room1'| |'Room2'）

而且

if（el.value=='Room2'| | el.value=='Room3'）

啊，我需要重复的是，它应该是元素值==另一个房间，得到了，非常感谢！：）非常感谢，我无法使它与jquery一起工作，但我想javascript在这种情况下是一个更好的选择：）考虑标记答案和+1:）只是一个愚蠢的问题，但它也可以是房间1，我是否应该写下如果（el.value=='Room1'| |'Room2'）可以在if station中添加所有需要的选项。（请记住，不仅是

if（el.value=='Room1'| |'Room2'）

而且

if（el.value=='Room2'| | el.value=='Room3'）

啊，我需要重复一下，它应该是元素值==另一个房间，谢谢！）