我在做一個像表單生成器這樣的應用程序。使用JQuery預覽彈出窗口
我有一個設計頁面,我使用JQuery生成字段並在同一頁面的預覽面板中的Div中顯示它們。
在我的代碼中,我通過迭代預覽面板中的所有Div來保存表單中的所有字段。
現在我想添加一個功能來在彈出窗口中的預覽面板中顯示所有的Divs,就像當我點擊Save Form按鈕時,它必須在預覽面板中的預覽面板中顯示所有的DIvs,就像預覽然後它必須保存表單。
如何在代碼中包含預覽選項以在彈出窗口中顯示預覽?
我的代碼來保存形式是這樣的:
$("#fb_contentarea_col1down21 div").each(function() {
var checked="false";
var id=$(this).attr("id");
//var fname=$("#label"+id+"").text();
var fsize=$("#input"+id+"").width();
var ftype=$("#input"+id+"").attr('data-attr');
var finstr=$("#instr"+id+"").text();
var fname=$("#label"+id+"").clone().html().replace(/<span.*/,'');
if($("#label"+id+"> span.req").length > 0)
{
checked="true";
}
$.ajax({
type: "POST",
url: "http://localhost/FormBuilder/index.php/forms/saveField",
數據: 「sequence_no =」 + ID +」 &名稱= 「+ FNAME +」 &類型= 「+ FTYPE +」 &大小= 「+ FSIZE +」 & INSTR = 「+ finstr +」 & formid = 「+ getformid +」 &所需=「+檢查,
success: function(msg){
//alert("Data Saved: " + msg);
}//success
});//ajax
});//Loop
我fb_contentarea_col1down21具有顯示我的表格的所有領域的所有div。
I am iterating through it and saving all the Fields.
如何使用JQuery在彈出窗口中將所有這些顯示爲預覽。