Question

我正在做一个类似于表单构建器的应用程序。

我有一个设计页面，我使用JQuery生成Fields，并在同一页面的预览面板的Div中显示它们。

在我的代码中，我通过迭代预览面板中的所有Div来保存表单中的所有字段。

现在我想添加一个功能，在弹出窗口中显示预览面板中的所有Div，就像我单击“保存表单”按钮一样，它必须在窗口的“预览”面板中显示所有这些DIV，就像预览一样然后它必须保存表格。

如何在代码中包含预览选项以在弹出窗口中显示预览？

保存表单的代码如下：

    $("#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 +“＆amp; name =”+ fname +“＆amp; type =”+ ftype +“＆amp; size =”+ fsize +“＆amp; instr =”+ finstr +“＆amp; 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在弹出窗口中将所有这些显示为预览。

Answer 1

您可以使用PHP并使用GET方法发送您从表单中检索的值（使用JavaScript）。

现在你实际上不会发布任何内容，只需使用带有所需URL的JavaScript打开一个新的弹出窗口，并将所有参数附加到URL的末尾：

http://mysite.com/somepage.php?param1=hello&param2=world

让您在新弹出窗口中打开的PHP页面检索这些值：

$param1 = $_GET["param1"];
$param2 = $_GET["param2"];

然后利用这些变量创建预览面板。

注：

网址长度的规格没有规定最小或最大URL 长度，但实施方式因人而异浏览器。在Windows上：Opera支持 ~4050个字符，IE 4.0+支持正是2083个字符，Netscape 3 - ＆gt; 4.78在支持关闭错误之前支持最多8192个字符，和Netscape 6之前支持~2000 在启动时导致错误。〜（通过What is the limit on QueryString / GET / URL parameters?）

由于

使用JQuery预览弹出窗口

1 个答案: