Javascript 输入和选择框

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

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

例如：

如果我们选择选项2，数字输入将为最小值=20，最大值=50！， 如果我们选择选项3，数字输入将为最小值=10，最大值=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中通过向

选择标记添加更改事件侦听器来实现这一点，该标记将帮助您提取所选的范围值。然后为
输入设置
min
和
max
属性


const select=document.querySelector（“#selbox”）；
const textBox=document.querySelector（“#num”）；
选择.addEventListener（“更改”，setRangeForInput）；
函数setRangeForInput（）{
const[rangeMin，rangeMax]=select.value.split（'-'）；//这是ES6解构语法
setAttribute（“min”，rangeMin）；
setAttribute（“max”，rangeMax）；
}

选择1
选择2
选择3
点击
你好，Mohsen，欢迎来到Stack Overflow！您提供了您的HTML结构，但是否也有您为了实现目标而试用过的JavaScript代码？您好@mohsen，您似乎是SO的一个相对较新的成员。请尽量使您的问题清晰、条理清晰。请不要多次问相同（或非常相似）的问题（如和）。这是没有帮助的。相反，试着进一步阐述一个
问题，并引导我们找到你似乎有问题的地方。让我们知道为什么@Charlietfl不适合你。这是否回答了你的问题？