Jquery添加到下拉列表中

Jquery add to dropdown list

本文关键字：下拉列表 添加 Jquery      更新时间：2024-06-24

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

Append将移动，而不是复制有问题的元素。你还应该在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/

相关文章：