JQuery Thickbox Form返回值为Parent

Question

我正在使用JQuery的thickbox来输入表单数据。想要自动关闭thickbox并在提交时从thickbox表单输入中将变量发送回父级。

Answer 1

您可以从iframe厚箱中将数据发送回父级：

在您的父级上，您可以编写一个函数来处理这些数据：

function new_info(from_form) {
  $('#thing').text(from_form);
}

然后只需使用parent：

在iframe页面中的提交函数（或任何地方）中调用此函数

$('#myForm').submit(function(){
  parent.new_info($('#phone_number').val());
});

Answer 2

根据您展示Thickbox弹出窗口的方式，可能会有不同的方法来实现您想要的效果。

如果您正在使用IFRAME弹出窗口，则无法（我知道）将值传递回父级。

如果您正在使用内联内容（我建议用于此目的），则在Thickbox隐藏内联内容后，您仍可以使用该值。然后，您可以使用jQuery访问用户填写的字段。