javascriptphphtmljqueryforms

Submit forms from both parent and iframe to same target

Parent form

<form action="target.php" method="post" id="form1">

Iframe form

<form action="target.php" method="post" id="form2">

This JS works fine submitting from Iframe using a button placed in parent

var iframedoc = document.getElementById('myIframe').contentWindow.document;
var inputs = iframedoc.getElementsByTagName('input');
iframedoc.getElementsByTagName('form')[0].submit();

I try to modify JS with document.getElementById("form1").submit(); to send parent form as well but I end up with results only from one form and not both

Solution

  • this worked for me

    <input type="button" value="submit" onclick="
var iframedoc = document.getElementById('myIframe').contentWindow.document;
var inputs = iframedoc.getElementsByTagName('input');
$('#form1').append($(inputs));
document.getElementById('form1').submit();">