如何在iframe的新标签页上提交表单

时间:2014-04-12 17:39:55

标签: javascript jquery html iframe

我在iframe中有一个表单,需要通过使用jQuery.

从iframe中取出来提交此表单

这是我的表格HTML

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" id="paypal_form">
  <input type='hidden' name='some_value' id='some_value' value='151' />
</form>

jQuery的:

$("#paypal_form").submit();

但这似乎不起作用。请指教。

1 个答案:

答案 0 :(得分:2)

我假设你有类似下面的内容。要在新标签页中提交表单,您可以在if部分中将iframe表单克隆到您的页面,并在表单中使用target="_blank"。并确保iframe源与您的域名相同。您无法访问托管在其他域上的iframe;

    <iframe src ="" width="100%" height="100%" id="iframe">
      <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank" id="paypal_form">
       <input type='hidden' name='some_value' id='some_value' value='151' />
      </form>
    </iframe>

<div id="temp_form"></div> <!-- this is temp form section -->

你可以使用js之类的;

$('#iframe').contents().find('#paypal_form').appendTo("#temp_form");
$("#temp_form #paypal_form").submit();