多くのフィールド (入力テキストとドロップダウン) を持つフォームがあり、いくつかのフィールドを他のフィールドに複製したいと考えています。フィールドは、データベース入力とオンザフライ入力の組み合わせです。
jquery clone() は、ページの読み込み時に事前に入力されたものの複製には問題なく機能しますが、オンザフライのユーザー入力にはまったく機能しません。私は自分の分野の解決策を見つけました:
$('div.myStuffToCopy').find('input:text').each(function() {
$(this).attr('value', $(this).val());
});
newDiv = $('div.myStuffToCopy').clone(true);
ここで「myStuffToCopy」は、コピーしたいものを含む div を表します。
ドロップダウンの問題について多くの調査を行った後、機能する解決策が見つかりません。https://github.com/spencertipping/jquery.fix.cloneでの修正は、受け入れられた回答と思われますが、違いはありません (ページの読み込み時にドロップダウンが事前入力されたときにドロップダウンが正しく複製されたため)。入力フィールドと同じトリックを行う方法はありますか?
編集:ここに私が達成したいことを確認するためのjsfiddleがあります:フィールドの最初の行を変更して「コピー」リンクをクリックすると、2つの入力がコピーされていることがわかります(上部のいくつかのJS行のおかげです) ) ドロップダウンではありません。
EDIT2:私は今それを機能させる方法を見つけました(here)が、奇妙なことは、ドロップダウンクローンに正しい値が選択されているが、画面に表示されないことです(chromeおよびfirefoxで)-フォームを送信する場合のみPOST 値は正しいことを示していますか。ドロップダウンに実際の値を表示させるにはどうすればよいですか?