Question

我有一个简单的HTML表单：

<form id="simple-form" method="get" action="">
    <input name="year" type="number" value="">
    <input name="month" type="number" value="">
    <input name="day" type="number" value="">
    <button type="submit" id="potvrdi" onclick="return submitForms()">Submit</button>
</form>

当我点击提交按钮时，它会触发JS功能。我试图让JS函数将表单提交给多个目标（索引页面和iframe），但它不起作用。这是我的Javascript：

function submitForms() {

    var formular = document.getElementById('simple-form');

    formular.action='index.php';
    formular.target='_self';
    formular.submit();

    formular.action='my-map.php';
    formular.target='map-frame';
    formular.submit();

    return true;
}

我成功只提交到一个页面或一个iframe，但不是两者都提交。任何想法如何解决这个问题？

Answer 1

我认为这里的问题是你提交给“自己”的那一刻。页面会立即刷新，但不会给iframe提供处理表单数据的机会。因此，您只能提交给iframe或“自己”。刷新页面。

一种方法是使用AJAX来处理＆＃39; _self＆＃39;请求，停止刷新页面。

编辑：

如果你只使用纯JS（而不是使用jQuery），那么请查看：http://code.tutsplus.com/articles/how-to-make-ajax-requests-with-raw-javascript--net-4855

对于jQuery，正如@mheiber所提到的，请查看：http://api.jquery.com/jquery.post

如何向页面和iframe提交表单？

1 个答案: