Javascript 依赖输入

我想要一个相关的数字输入

此数值输入取决于选择框，该框通过选择每个选项为输入创建特定的数值范围

例如：

• 如果我们选择

  选项2

  ，数字输入将是

  min=20

  和

  max=50,

• 如果我们选择

  选项3

  ，数字输入将是

  min=10

  和

  max=30

如何创建这样的功能

以下是我尝试过的：

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

   <input type="number" id="num">
<button>click</button>
</form>

选择1
选择2
选择3
点击

您可以使用javascript修改数字输入的最小值和最大值

const num=document.querySelector（“#num”）；
const selbox=document.querySelector（“selbox”）；
常数范围={
选项1:[100120]，
选择2:[20,50]，
选择3:[10,30]
};
//设置初始范围值
num.min=范围['option1'][0]；
num.max=范围['option1'][1]；
//更改时设置范围值
selbox.addEventListener（“更改”，（）=>{
num.min=范围[selbox.value][0]；
num.max=范围[selbox.value][1]；
});

选择1
选择2
选择3
点击