有没有办法在jquery中克隆相扑选择下拉列表

Question

我正在使用jquery sumoselect库来显示多选下拉列表。 现在我想通过单击按钮克隆此下拉列表。 有什么办法可以做到这一点吗？

$('#chtml').clone().attr('id', 'newid').appendTo('p'); 

我已经尝试了上面的代码，其中 #chtml 是我的多选下拉列表存在的 td 的 id，我想将其复制到<p></p>标签中。

Answer 1

您的尝试似乎有 2 个问题。

1. 该库创建<p>标记，因此只需附加到$("p")实际上就是将 select 元素插入到现有的SumoSelect实例中。
2. 该库隐藏了原始<select>因此您无论如何都会附加一个不可见的选择元素。通过在克隆上调用SumoSelect()来解决此问题。

附言。真的没有必要给它一个新的id，只需删除现有的id。

$("#chtml").SumoSelect();
$("#chtml").clone().removeAttr("id").appendTo("#cloneGoesHere").SumoSelect();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.0.2/jquery.sumoselect.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.0.2/sumoselect.css" rel="stylesheet" />
<select name="somename" id="chtml" tabindex="-1">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<p id=cloneGoesHere></p>