javascript - MVC3：使用 javascript 克隆使用模型的 HTML 元素

Question

是否可以使用 Javascript 方法 clone() 来克隆 mvc html 元素，例如使用模型定义的下拉列表？

我有一个包含模型选项的下拉列表；当用户单击按钮时，我想添加一个类似的下拉列表。我的下拉列表定义为

<div id="parent">
    <div id="id">
        @Html.DropDownListFor(m =>m.mymodel)
    </div>
</div>

我为我的 JS 添加了这样的代码

var new = document.getElementById('id').cloneNode( true );
document.getElementById( 'parent' ).appendChild( new );

但这不起作用。如果我不能使用克隆，我还能如何实现呢？

score 1 · Accepted Answer

您不能将new其用作变量名——这是 Javascript 中的保留字。您的方法应该有效，但请注意该id属性在 HTML 文档中必须是唯一的。

score -1 · Accepted Answer

我会使用 Jquery 来做到这一点：

 // get the content
 var content= $('#id').html();
 $('#parent').append(content);

请记住，元素的名称和 ID 也会被复制。在尝试检索元素中的项目时，这可能会导致冲突。

2 回答 2