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

【问题标题】：change input maxvalue depending on the selected option根据所选选项更改输入最大值
【发布时间】：2020-10-09 13:26:57
【问题描述】：

假设我得到了这个带有 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>

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

【问题讨论】：

标签： html jquery input

【解决方案1】：

如你所见，我创建了一个函数检查每次更衣室max 和placeholder 会改变：

function CheckGuest(el){
 if(el.value == 'Room2'){
 document.getElementById("bookinfo").max = 10;
 document.getElementById("bookinfo").placeholder = "1-10";

 }else{
  document.getElementById("bookinfo").max = 8;
 document.getElementById("bookinfo").placeholder = "1-8";
 }

}

<select name ="room" onChange="CheckGuest(this)">
   <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" id="bookinfo"   type="number" name="guests" min = "1" max ="8" placeholder="1-8" required>

我改变了什么：

每次换房间时添加onChange 活动功能
将ID 添加到input 以便使用javascript 选择它
创建更改max值和placeholder的函数。

我建议你阅读这个网站You might not need jQuery

【讨论】：

非常感谢，我无法让它与 jquery 一起工作，但我想在这种情况下 javascript 是一个更好的选择:)
考虑标记答案并 +1 :)
只是一个愚蠢的问题，但它也可以是房间 1，我不应该写 if(el.value == 'Room1' || 'Room2')
您可以在 if 语句中添加您需要的所有选项。（记住不仅if(el.value == 'Room1' || 'Room2')，还有if(el.value == 'Room2' || el.value == 'Room3')
啊，我需要重复一遍，元素值应该是 == 另一个房间，非常感谢！:)