0

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

しかし、これは機能しません。クローンを使用できない場合、他にどのようにこれを達成できますか？

4

2 に答える 2

1

変数名として使用することはできませんnew-これはJavascriptで予約語です。あなたのアプローチはうまくいくはずですが、id属性はHTMLドキュメント内で一意でなければならないことに注意してください。

于 2012-12-10T00:15:09.230 に答える
-1

私はこれを行うためにJqueryを使用します：

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

要素の名前とIDもコピーされることに注意してください。これにより、要素内のアイテムを取得しようとしたときに競合が発生する可能性があります。

于 2012-12-10T01:17:04.557 に答える