首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery -选择将从另一个下拉列表中删除一个值的下拉值

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

Stack Overflow用户
提问于 2013-09-27 19:49:51
回答 1查看 787关注 0票数 2

我刚开始使用jquery,我在处理这个问题时遇到了麻烦。我有drop_down_list1,它有6个值。如果用户选择值1或2,drop_down_list2中的值将被移除。如果用户从drop_down_list1中选择值3、4、5或6,那么只能从drop_down_list2中选择值5。

有人告诉我,我的逻辑是正确的,但语法是不正确的。有人能帮帮我吗?谢谢!

代码语言:javascript
运行
复制
$(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();
            }
        })
    });
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-09-27 19:56:13

两次修正。

1.编辑你的条件

您的if条件中存在语法错误。

代码语言:javascript
运行
复制
if (select == '1', '2') 

应该是

代码语言:javascript
运行
复制
if (select == '1' || select == '2') 

2.使用多个条件编辑查找选择器

在具有多个条件的Jquery选择器下面,find将无法工作。

代码语言:javascript
运行
复制
 $("drop_down_list2").find("option[value='1','2','3','4']").remove();

也许你可以试试

代码语言:javascript
运行
复制
 $("drop_down_list2").find("option[value!='5']").remove();

也会有同样的效果

更新

要在“查找”中选择多个选项,还可以使用

代码语言:javascript
运行
复制
$("drop_down_list2").find("option[value='1'], option[value='2'], option[value='3'], option[value='4']").remove();
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19058954

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档