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