次のようなコードを使用して、ユーザーが動的に作成できる検索フォームがあります。
$('tr.form_row:last').clone(true).insertAfter('tr.form_row:last');
これはすべて正常に機能していますが、フォームが送信されたときに動的に生成されたフォームhtmlを保存したいと思います。使用してみ$(#my_form').html()
ましたが、これには動的コンテンツが含まれていないようです。代わりに、カスタマイズ前のデフォルトのhtmlが収集されます。
javascript / jqueryを使用して生成されたソースを取得する方法はありますか?ユーザーが入力した入力フィールドなどに値を含める必要があります。
編集-私はこれまでに私のコーディングを含めました:
これは私が試したコーディングです-jqueryフォームプラグインを使用し、「search_html」と呼ばれる非表示のフォームフィールドにデータを入力します。
var search_form = {
beforeSubmit: function() {
var search_html = '<table>';
$('.form_row').each(function() {
search_html += $(this).html();
});
search_html += '</table>';
$("#search_html").val(search_html);
},
success: function(html) {
$('#search_output').html(html);
}
};
$('#search_form').ajaxForm(search_form);
フォームを送信すると、HTMLは非表示の「search_html」フィールド内に渡されますが、これは最初のテーブル行にすぎず、入力フィールドの値が入力されていません。