Question

我有三个下拉列表。当从下拉列表1中进行选择时，我想从其他两个中删除该选项。当下拉列表1更改其选择时，添加回前一个并删除当前选中的。这是我的以下代码。我觉得我很接近，但仍然缺少必要的东西。

<script>
    $(document).ready(function () {
        $("#option1dropdown").change(function () {
            $("#option2dropdown").empty();
            $("#option3dropdown").empty();
            $("#option1dropdown option").each(function(){
                if ($("#option1dropdown").val() != this) {
                    $("#option2dropdown").append(this);
                    $("#option3dropdown").append(this);
                }
            });
        });
    });
</script>

Answer 1

追加将移动，而不是复制有问题的元素。您还应该在if。

中仔细检查您的比较

$(function () {
    $("#option1dropdown").change(function () {
        $("#option2dropdown").empty();
        $("#option3dropdown").empty();
        $("#option1dropdown option").each(function(idx, item){
            if ($("#option1dropdown").val() != $(item).val()) {
                $("#option2dropdown").append($(item).clone());
               $("#option3dropdown").append($(item).clone());
            }
        });
    });
});

https://jsfiddle.net/egeLh428/

Jquery添加到下拉列表

1 个答案: