javascript - 重新附加使用 jquery detach() 删除的选项

Question

我需要根据用户在不同下拉列表中的选择从下拉列表中删除选项。如果用户更改了因果下拉列表，我需要在受影响的下拉列表中重新添加项目。我找到了 jquery detach() 选择器并且我能够删除选项。有没有办法重新添加以前删除的选项？任何提示表示赞赏。谢谢!

function RemoveATD() {
...

    if (reason == '10' || reason == '11')
    {
        $("#ddlOverride option").each(function () {
            if (!(parseInt($(this).val()) === 0 || parseInt($(this).val()) === 15077 || parseInt($(this).val()) === 20660)) {
                $(this).detach();
            }
        });
    }
    else {
        $("#ddlOverride option").each(function () {
            $("#ddlOverride").append($(this));
        });
}

Answer 1

.detach() 返回删除的元素，因此您可以将它们存储在数组中:

var arr = [];
if (reason == '10' || reason == '11')
    {
        $("#ddlOverride option").each(function () {
            if (!(parseInt($(this).val()) === 0 || parseInt($(this).val()) === 15077 || parseInt($(this).val()) === 20660)) {
                arr.push($(this).detach());
            }
        });
    }

然后再阅读它们:

for(el in arr){
    $('#ddlOverride').append(arr[el]);
}

工作 fiddle