使用jQuery clone（）的select2 v.4多选克隆'推荐'方式[销毁]删除行为

Question

Going about cloning a select2 multiselect 'by the book' ( as depicted here - $select.select2('destroy').clone().select2(); ) doesn't really have the desired behavior.

this fiddle shows that calling destroy() on the cloned element really destroys the source. Only one clone is possible and the source becomes a simple 'list'.

$(".this-one").select2('destroy').clone().appendTo(".container").select2();

Is there a way to clone the multiselect while maintaining both the clone and the source in the same select2 format?

Answer 1

Ok, i just saw that in this case you have to re-initialize the select2 element that you just destroyed:

Fiddle

$(".this-one").select2({
tags:true
})

I would love if anyone has a better solution to this approach, it doesn't feel too clean to be honest.