Javascript jQuery克隆选择列表删除选定项

Javascript jQuery克隆选择列表删除选定项,javascript,jquery,Javascript,Jquery,我有一个按钮,每当用户单击它时,它就会在页面上克隆一个元素。它复制了一个选择列表,让他们选择另一个选项 但是,它克隆了整个元素,包括所选的选项,因此所有附加的新元素都有一个我不想要的默认值 globalLocales = $("<div />").append($('[name=localeID]:first').clone()).html(); $('select').select2(); globalLocales=$(“”)。追加($('[name=localeID]:f

我有一个按钮,每当用户单击它时,它就会在页面上克隆一个元素。它复制了一个选择列表,让他们选择另一个选项

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

 globalLocales = $("<div />").append($('[name=localeID]:first').clone()).html();
 $('select').select2();
globalLocales=$(“”)。追加($('[name=localeID]:first')。克隆()).html();
$('select')。select2();
有没有办法在克隆过程中删除所选选项,使其不会遗留到新元素中


我尝试在append中使用
.removeProp('selected')
,以及
.prop('selected',false)但这对我不起作用

您可以使用此代码删除所选属性

$('[name=localeID] option:selected').removeAttr('selected');

可以使用此代码删除选定的属性

$('[name=localeID] option:selected').removeAttr('selected');

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

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

但这有点笨拙。

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

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

但这有点笨拙。

我只想将其应用于克隆元素,而不是现有元素然后用新元素替换选择器的第一部分。我只想将其应用于克隆元素,而不是现有元素然后用新元素替换选择器的第一部分。第一个选项对我有效,我甚至没想过那样做:)谢谢!第一个选择对我很有效,我甚至没想过要这样做:)谢谢!