javascript - jQuery添加到下拉列表

我有三个下拉列表。从下拉列表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>

最佳答案

追加将移动，而不是复制有问题的元素。您还应该仔细检查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/