Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery/Javascript:比较两个下拉列表的最小值和最大值?_Javascript_Html_Jquery - Fatal编程技术网

Jquery/Javascript:比较两个下拉列表的最小值和最大值?

Jquery/Javascript:比较两个下拉列表的最小值和最大值?,javascript,html,jquery,Javascript,Html,Jquery,我有两个下拉列表。一个具有最小值,另一个具有最大值 我正在尝试禁用“最大值”下拉列表中小于“最小值”的选项 选择最小值 0 1. 2. 3. 4. 5. 选择最大值 2. 3. 4. 5. 6. 7. FYI:如果不设置选项元素的值属性,那么值将成为该选项的文本内容,因此在您的情况下,不需要在任何选项上设置值 请参阅附加注释: 让maxSelect=document.getElementById(“max”); 让minSelect=document.getElementById(“min

我有两个下拉列表。一个具有最小值,另一个具有最大值

我正在尝试禁用“最大值”下拉列表中小于“最小值”的选项


选择最小值
0
1.
2.
3.
4.
5.
选择最大值
2.
3.
4.
5.
6.
7.

FYI:如果不设置
选项
元素的
属性,那么
将成为该
选项
的文本内容,因此在您的情况下,不需要在任何
选项
上设置

请参阅附加注释:

让maxSelect=document.getElementById(“max”);
让minSelect=document.getElementById(“min”)
//当第一个选择的值更改时。。。
minSelect.addEventListener(“更改”,函数(){
//循环第二个列表中的所有元素
maxSelect.querySelectorAll(“选项”).forEach(函数(opt){
//检查选项值以查看其是否大于该值
//如果是,请禁用它,否则请启用它。
//前缀+隐式地将字符串值转换为数字
如果(+minSelect.value>+opt.value){
opt.disabled=true;
}否则{
opt.disabled=false;
}
});
});

选择最小值
0
1.
2.
3.
4.
5.
选择最大值
2.
3.
4.
5.
6.
7.

这是否回答了您的问题<代码>https://jsfiddle.net/thorstorm1102/x7zsapy2/6/
你能在这里查一下吗。如果输入为
101
。显示错误的下拉列表值disabled@Zanthoxylumpiperitum哦,小虫子。我们需要将
select
值转换为数字(默认情况下为字符串),以便进行数字比较。我会更新我的答案。