Question

我花了一些时间试图通过各种类似的问题来解决这个问题，但找不到与我正在寻找的完全匹配的解决方案。

所以我有一个非常基本的表单，有3个单选按钮，嵌入在另一个页面上的iframe中。当我单击其中一个单选按钮时，此代码会自动提交响应

<script type='text/javascript'>
$(document).ready(function() { 
$('input[name=rating]').change(function(){
$('form').submit(); });
});
</script>

现在，我的表单提交动作就像这样

<form method="POST" action="https://formspree.io/myformspreeurl" target="_parent">

因此，这成功地从iframe代码提交响应，但在父页面上。

我想要发生的是，当选择表单上的一个单选按钮时，它会自动提交但弹出窗口（以完成验证码），这样用户就不必离开父级页。

可能还是我过于复杂化了？

感谢您的帮助，

Answer 1

使用

<form action="" method="post" target="_blank">

这应该打开一个新页面并将数据提交给它。我看到你正在使用jQuery，所以你可以根据特定的单选按钮选择动态地改变目标：

$("form").prop("target", targetValue);

Answer 2

使用ajax动态提交表单，如果我不正确，你就不会重新加载你的父页面。

$.ajax({
     type:'POST',
     url:'https://formspree.io/myformspreeurl',
     data:$('form').serialize(),
     success: function (e){

     //what you want to do after submiting//

     }
});

从iFrame中的表单发布到父窗口中的弹出窗口

2 个答案: