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 条件中有语法错误

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();