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); 

但是，這是行不通的。 如果我不能使用克隆，我還能如何實現這一目標？

Answer 1

您不能使用new作爲變量名 - 這是Javascript中的保留字。您的方法應該可行，但請注意，id屬性在HTML文檔中必須是唯一的。

Answer 2

我會使用jQuery做到這一點：

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

請該元素的名稱和ID也將被複制的頭腦。嘗試檢索元素中的項目時，這可能會導致衝突。