jQuery - 选择一个下拉值，该值将从另一个下拉列表中删除一个值

Question

我是jquery的新手，我正在解决这个问题。我有drop_down_list1有6个值。如果用户选择值1或2，则将删除drop_down_list2中的值。如果用户从drop_down_list1中选择值3,4,5或6，则只能选择drop_down_list2中的值5。

我被告知我的逻辑就在那里，但语法已关闭。任何人都可以帮助我吗？谢谢！

$(function () {

        $("#drop_down_list1").change(function (){
            var select = $("#drop_down_list1").val();  
            if (select == '1', '2') {          
                $("#drop_down_list2").find("option[value='5']").remove();
            }
            else if (select == '3', '4', '5', '6') {
                $("drop_down_list2").find("option[value='1','2','3','4',]").remove();
            }
            else {
                $("#drop_down_list2").find("option[value='5']").append();
            }
        })
    });

Answer 1

两次更正。

1.编辑你的条件

if condition

中存在语法错误

if (select == '1', '2') 

应该是

if (select == '1' || select == '2') 

2.编辑具有多个条件的查找选择器

在Jquery选择器下面，find中有多个条件不起作用

 $("drop_down_list2").find("option[value='1','2','3','4']").remove();

可能是你可以尝试

 $("drop_down_list2").find("option[value!='5']").remove();

这将是同样的效果

更新

用于选择查找中的多个选项，您也可以使用

$("drop_down_list2").find("option[value='1'], option[value='2'], option[value='3'], option[value='4']").remove();