jQueryでclone()するとselectタグで選択したのが反映されない

jQueryにclone()という大変便利なメソッドがあります。これは、

$(“#hoge”).clone();

とすると、ID=hogeを丸ごとコピーしてくれるというものです。
フォームで項目を追加したい場合などに大変威力を発揮します。

ただ問題があって、このclone()は、selectタグで変更したものを、コピーしてくれず、コピーしたら変更後の表示値ではなく、初期値が表示されてしまいます。

clone()で追加したものはあとで修正する

いろいろググったり試行錯誤してみたりしてみた結果、以下の様な感じでやるとうまくいきます。

HTMLソース

 jQuery

上記のようなコードで、追加ボタンをクリックすると、class=hogeがまるまるコピーされます。

.onを使っているのは、追加された要素に対応するためです。

GRC検索順位チェックツール*
順位チェックとサイト管理を1つのツールで!検索順位チェックツールGRC*

スポンサード・リンク

«
 

トラックバックURL

コメントを書き込む