Javascript 输入和选项

你好，朋友们，我想为输入类型1创建一个特殊的数字范围，具体取决于标记。也就是说，通过选择任何选项，该数值范围将发生变化！例如，如果选择选项2，则输入中的最小值为10，最大值为25。而如果选择选项3，输入中的最小值为5，最大值为45。这可能吗？怎么会这样。在js或php的帮助下创建了该功能

<select id="selbox">
    <option value="option1">option1</option>
    <option value="option2">option2</option>
    <option value="option3">option3</option>
    <option value="option4">option4</option>
</select>

<input type="number"name ="num"id="num">
  

---

可以使用JavaScript在输入上设置最小值和最大值

您需要做的是监听select上的更改，并根据该值设置最小值和最大值

https://www.w3schools.com/jsref/prop_number_min.asp
https://www.w3schools.com/jsref/prop_number_max.asp
https://www.w3schools.com/jsref/event_onchange.asp

您标记了JQuery，所以我将把我的答案放在这一点上，但这是一个非常基本的JQuery用例，所以我将直接对它进行编码。这方面的基本流程是选择一个选项触发变量的更改，该更改随后反映在输入元素上。数据的这种变化通常被称为应用程序的状态或客户端状态

无论如何，将onChange回调附加到select，然后为输入设置值。 差不多

$("select").change(function (e){ 
...set the variable here...
...set range for the input here...
})

---

使用与对象的值具有相同关键帧的对象。然后，您可以在更改事件侦听器中简单地引用特定范围，并设置适当的最小值/最大值

常数范围={ 选项1:{最小值：10，最大值：25}， 选项2:{最小值：5，最大值：30}， 选项3:{最小值：100，最大值：200} } document.getElementById'selbox'。addEventListener'click'，function e{ const{min，max}=范围[this.value]， 输入=document.getElementById'num'； input.value=； input.min=min； input.max=max； }; 选择1 选择2 选择3

---

如果您希望立即执行此操作，则必须在JavaScript中完成。PHP在表单提交之前不会运行，所以它不能更改客户端属性。检查更改事件：。您需要知道选择器是什么以及如何使用它。此处的示例：。不要将链接放在代码块中，它们是不可单击的。