Javascript 如何检查所选选项的值是否高于另一下拉列表中的值?

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 三千多 我想做的是,当用户在第一个下拉列表中选择某个数字时,禁用第二个下拉列表中值较低的数字。例如,如果

我有两个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 三千多
我想做的是,当用户在第一个下拉列表中选择某个数字时,禁用第二个下拉列表中值较低的数字。例如,如果我选择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版本,以防仍然需要它。