iFrameのフォームから親ウィンドウのポップアップウィンドウへの投稿

Question

これはさまざまな類似の質問からうまくいくように時間を費やしましたが、探しているものと正確に一致する解決策を見つけることができません。

私は別のページのiframeに埋め込まれた3つのラジオボタンを持つかなり基本的なフォームを持っています。私はラジオボタンのいずれかをクリックすると、このコードは自動的に現時点で応答

今

<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からの応答を提出します親ページに表示されます。

フォームのラジオボタンの1つが選択されると、ユーザーは自動的に（キャプチャを完成させるために）ポップアップウィンドウに送信されます。親ページ。

私は物事を複雑にする可能性がありますか？任意の助け

おかげで、

Answer 1

使用

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

と、これは新しいページを開いて、そこに自分のデータを提出してください。 dynamiclyフォームを送信するために

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

Answer 2

使用AJAXを、私は真undestand場合は、自分の親ページをリロードすることが習慣：私はあなたが使用して特定のラジオボタンの選択に基づいて動的にターゲットを変えることができるので、あなたはjQueryのを使用している参照してください。

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

    //what you want to do after submiting// 

    } 
});