Javascript 如何检查所选选项的值是否高于另一下拉列表中的值?
我有两个html下拉列表,如下所示:Javascript 如何检查所选选项的值是否高于另一下拉列表中的值?,javascript,drop-down-menu,dropdown,html-select,Javascript,Drop Down Menu,Dropdown,Html Select,我有两个html下拉列表,如下所示: 从…起 少于200 200 400 600 800 1'000 1'200 1'400 1'600 1'800 2'000 2'200 2'400 2'600 2'800 3'000 到 200 400 600 800 1'000 1'200 1'400 1'600 1'800 2'000 2'200 2'400 2'600 2'800 3'000 三千多 我想做的是,当用户在第一个下拉列表中选择某个数字时,禁用第二个下拉列表中值较低的数字。例如,如果
从…起
少于200
200
400
600
800
1'000
1'200
1'400
1'600
1'800
2'000
2'200
2'400
2'600
2'800
3'000
到
200
400
600
800
1'000
1'200
1'400
1'600
1'800
2'000
2'200
2'400
2'600
2'800
3'000
三千多
我想做的是,当用户在第一个下拉列表中选择某个数字时,禁用第二个下拉列表中值较低的数字。例如,如果我选择400,下拉列表中的选项“小于200”和“200”应该被禁用
我对如何解决这个问题有点想法,但我真的不知道如何检查用户选择了什么,并以此为基础进行测试。感谢您的帮助 试着这样做:
var obj_1=document.querySelector('select[name=“obj_1]”);
var obj_2_options=document.querySelectorAll('select[name=“obj_2”]option');
obj_1.onchange=函数(){
var val_1=parseInt(obj_1.value.replace(“,”);
对于(变量i=0;i
从…起
少于200
200
400
600
800
1'000
1'200
1'400
1'600
1'800
2'000
2'200
2'400
2'600
2'800
3'000
到
200
400
600
800
1'000
1'200
1'400
1'600
1'800
2'000
2'200
2'400
2'600
2'800
3'000
三千多
嘿!非常感谢你!工作起来很有魅力,我会马上接受你的答案:)我已经在这个答案中添加了一个jQuery版本,以防仍然需要它。