Javascript 如何在jquery中启用和禁用下拉列表值

这是剧本

$('#first').change(function(){

    switch ($(this).val())
    {
        case '1st':
            $('.1st').show();
            $('.2nd').hide();
            break;

        case '2nd':
            $('.1st').hide();
            $('.2nd').show();
            break;

        case '3rd':
            $('.3rd').hide();
            $('.3rd').show();
            break;

        case 'none':
            $('.1st').show();
            $('.2nd').show();
            break;
    }
});

在第一个下拉列表中，给出了

All、Edit、Delete、Modify

。我需要这样

如果我在第一个下拉列表中单击

All

，它应该在第二个下拉列表中显示

All，051052111124244555777888911999

如果我在第一个下拉列表中单击编辑，它应该会显示出来

All，051052111124244555777888911999在第二个下拉列表中

如果我在第一个下拉列表中单击“删除”，它应该只显示

All

在第二个下拉列表中

如果我在第一个下拉列表中单击“修改”，它应该只显示

All

在第二个下拉列表中

我在这里没有什么疑问

试试这个：

$('#first').change(function(){
    $('#second option').hide(); // hide all options
    switch ($(this).val())
    {
        case '1st':
            $('.1st').show();
            break;

        case '2nd':
            $('.2nd').show();
            break;

        case '3rd':
            $('.3rd').show();
            break;

        case 'none':
           // show all options except for delete and modify
           $('#second option').not('.3rd, .2nd').show();
            break;
    }
});

双向：

您需要4秒钟的时间来选择，在更改第一个下拉列表时显示其中一个

使用js模板生成第二个动态下拉列表

您不能在chrome中直接显示或隐藏

。

在您的上下文中，您的第一个下拉列表值和第二个下拉列表类彼此之间具有关系b/w。因此，使用

this.value

获取所选元素

$('#first').change(function () {

    if (this.value == "none") {
        $("#second option").not(".2nd,.3rd").show();
    } else {
        $("#second option").hide();
        $("." + this.value).show();
    }


});

---

可以在jquery中使用吗？

您已经使用了jqueryYes只使用了jquery。但是我找不到合适的。你能帮我查一下密码吗？>这里有一个问题。如果我在第一个下拉列表中单击“全部”，它将显示全部三次..你能看一下吗？这是因为在第二和第三类的底部还有两个“全部”选项。在第一个下拉列表中为删除和修改提供的所有选项。但是在第一个下拉列表中获得三个All选项！如果你不想在删除和修改时重复“全部”，那么只使用一个“全部”选项并使其隐藏和显示。好的，在这种情况下，你必须忽略这两个“全部”。这里有一个问题。如果我在第一个下拉列表中单击全部，它将显示全部三次..你能看一下吗？巴拉昌德兰仍然存在同样的问题：（@user3107196。实际上我不明白你问了什么。现在我更新了我的帖子，请检查一下