javascript - jQuery 克隆选择列表删除所选内容

Question

我有一个按钮，每次用户单击它时都会克隆页面上的元素。它正在复制一个选择列表，供他们选择另一个选项。

但是，它克隆了整个元素，包括所选的选项，因此附加的所有新元素都有一个我不想要的默认值。

 globalLocales = $("<div />").append($('[name=localeID]:first').clone()).html();
 $('select').select2();

有没有办法可以在克隆过程中删除选定的选项，这样它就不会转移到新元素？

我尝试在附加中使用 .removeProp('selected') 以及 .prop('selected',false); 但这对我

Answer 1

解决该问题的一种方法是选择一个不存在的值:

$("<div />").append($('[name=localeID]:first').clone().val(-1)).html();

或者您可以找到所选选项并删除selected属性:

$("<div />").append($('[name=localeID]:first').clone()
                    .find(':selected').removeAttr('selected').end()).html();

但这有点笨拙。