javascript - Jquery添加到下拉列表

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/