jquery克隆选择框没有选择的选项

Question

需要从前一个中克隆选择框（即从前一个中添加选择框'n'次） 但是当我每次添加时，之前选择的所有选项都应该不在克隆的选择框列表中可用。

$('.field_select_box_list').each(function(){
        $(this).find('option:selected').remove();
});

此代码也删除了父选择框的选定选项。但我希望它们保留选定的选项。

任何帮助。

Answer 1

你的克隆代码可以做类似的事情

$('el').clone().find('option:selected').remove().end()

.end() 导致选择器返回为 $('el')，而不是过滤后的 option:selected 选择器，因此您可以继续运行 .appendTo() 等内容，而无需中断链。

Answer 2

我认为您需要使用一个 select_box 原件，将其隐藏。然后您可以在 select_box second 不隐藏的情况下删除或从 select_box original 添加更多元素。