克隆html元素不继承它的属性

Question

我正在克隆一个select / combobox，但我不想克隆它的值或属性或行为，只是一个空的组合框，可用相同的选项。

正在发生的事情是它正在克隆价值。

你能告诉我一个小工作的例子吗？

我正在使用jQuery。

我知道你可能会要求我的代码，但是在这里显示它有点长，因为我正在使用第三方插件，它可以处理表和克隆行。

Answer 1

您可以将克隆的select的选定值设置为原始select的值：

var selected = $(this).find(':selected').val(),
    clone = $(this).clone().appendTo('body');
$(clone).val(selected);

这是粗略的JSFiddle example。

您可能希望在设置所选值后调用.appendTo() ，但是（$(clone).appendTo(...);）。

编辑：似乎我可能误解了您的问题。 clone上的Chrome doesn't copy over the selected value。要取消设定值，您只需：

$(clone).val(null);

Answer 2

您可以使用$(element).clone();

小例子可能是：

<div id="lol">lol</div>

$(function(){
$('#lol').append($('#lol').clone());
});

如果您只想克隆html标签，请执行以下操作：

<div id="lol">lol</div>

    $(function(){
    $('#lol').append($('#lol').clone().html("").text(""));
    });