如何在弹出窗口中更改表单上的操作？答案

【问题标题】：How to change the action on a form in a popup?如何在弹出窗口中更改表单上的操作？
【发布时间】：2016-02-06 19:52:54
【问题描述】：

我包含了 jQuery，它会改变弹出页面上表单的动作，但我想让开窗器能够控制弹出页面的表单动作......这可能吗？

弹出 HTML：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<body onLoad=chgAction();>
<script>
function chgAction() {
$('#search').attr('action', 'myNewActionTarget.html');
}
</script>
<base href="http://vahud.com/">
<form id="search" method="GET" action="doWork.php">
First Name <input type="text" name="fname" value="Tom"><br>
Last Name <input type="text" name="lname" value="Chambers"><br>
<input type="submit" class="form-submit" value="Search">
</form>

这是在我的窗口打开器中.. 上面是 myform.htm 中的表单，它将成为弹出窗口.. 我希望能够将动作转换器向下移动到窗口打开器页面.. 以获取我在表单中得到的结果相同..

开窗器JS：

window.open('myform.htm','mywindow','width=300,height=300');

【问题讨论】：

标签： jquery window

【解决方案1】：

你快到了。您需要将 javascript 包装在 document.ready 中，以便在表单存在后绑定。

$(document).ready(function() {
   var popup = window.open('/' + window.URL_PREFIX + '/', '_blank');
   popup.onload = function() {
    $(popup.document.body).attr('action', 'myNewActionTarget.html');
  };
  chgAction();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<body>

  <base href="http://vahud.com/">
  <form id="search" method="GET" action="doWork.php">
    First Name
    <input type="text" name="fname" value="Tom">
    <br>Last Name
    <input type="text" name="lname" value="Chambers">
    <br>
    <input type="submit" class="form-submit" value="Search">
  </form>

https://jsfiddle.net/7gz2uv1w/

【讨论】：

我可能没有说清楚，但你提供的会很棒，但它不是遥控器。我试图解释的是表单将是页面上的一个弹出窗口和页面弹出的表单将是带有 javascript 或 jqurey 脚本的表单，它将更改操作。动作更改器不会在实际弹出的表单页面中，而是在生成父级弹出窗口的页面中..所以我的工作正常..为了更改动作，我只是不知道如何让它远程工作..对不起如果我不是很清楚。
哦，我以为你发布的是弹出窗口。弹出代码在哪里？您正在尝试从原始页面控制弹出窗口中的操作？我已经编辑了答案以显示远程控制弹出窗口。