jquery - JQuery Thickbox 表单返回值给父级

Question

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

Answer 1

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

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

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

然后只需使用父级从 iframe 页面在您的提交函数（或任何地方）中调用此函数：

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

Answer 2

根据您显示厚框弹出窗口的方式，将有不同的方法来完成您想要的。

如果您使用的是 IFRAME 弹出窗口，则（据我所知）无法将值传递回父级。

如果您使用的是内联内容（为此我建议这样做），那么在Thickbox 隐藏内联内容后，您仍然可以使用该值。然后，您可以使用 jQuery 访问用户填写的字段。