将数据发送到模态窗口,然后在原始窗口中发布表单

时间:2011-05-25 10:27:03

标签: php jquery

我正在使用php和jquery。我在PHP中有一个表单,在填写表单后,我想能够点击提交并将数据发送到弹出的模式窗口,其中显示表单数据。将有一个要填写的附加文本框,然后在单击另一个提交后,此文本框+表单数据将被提交到父窗口上的处理页面。

所以基本上,我不知道如何 -

1)将表单数据从表单传递到模态窗口 - 我是否使用json stringify,如果是这样的话?

2)如何从模态窗口提交文本框中的上一个表格数据+数据回原始表格

由于

1 个答案:

答案 0 :(得分:0)

  

2)如何从模态窗口提交   以前的表格数据+数据   文本框回到原始表单

使用window.open()打开新窗口后,您可以通过window.opener访问“父窗口”。例如,如果您在父窗口中有<form id='foo'/>,则可以从“模态”窗口以$(window.opener).find('#foo')的形式访问它。


  

1)将表单数据从表单传递给模态   窗口 - 我使用json stringify和   如果是这样的话?

如何将POST发送到同一个窗口,验证数据,重新加载页面,如果第一个表单中的所有内容都成功,那么在重新加载页面后会显示模态窗口?数据可以存储在$_SESSION中,这样您就不必担心在窗口之间传递数据。或者,如果你真的想将数据传递给子窗口的形式,你可以做这样的事情(未经测试):

var modalWindow = window.open(
    URL, 
    '_blank', 
    'width=400, height=300, left=100, top=300'
);
modalWindow.load(function(){
    var form = $(this).find('#idOfFormInModalWindow');
    form.find('[name=someField1]').val('someValue1');
    form.find('[name=someField2]').val('someValue2');
    form.find('[name=someField3]').val('someValue3');
});

someValue1someValue2someValue3是来自$_POST的值,通过json_encode()传递。