两个单独的表单，一个提交按钮

Question

我有我想有一个提交按钮既提交两种形式。 对于这个特定的应用程序，我不能仅仅将它们组合成一种形式。 我以前看过有关此内容的帖子，但尚未找到直接答案。 如何修改我的html代码或php代码以使其正常工作？ 谢谢！

基本上，这是我要结合的内容：

<form method="POST" action="mailer.php" id='form1'>
    <input type="checkbox" name="check[]" value="blue_color">Blue<br>
    <input type="submit" value="Submit" name="submit">
</form>

<form method="POST" action="mailer.php" id='form2'>
    <input type="checkbox" name="check[]" value="red_color">Red<br>
    <input type="submit" value="Submit" name="submit">
</form>

这是mailer.php：

<?php
if(isset($_POST['submit'])) {

    $to = "someone@someone.com"; 
    $subject = "Form Example";
    $name_field = $_POST['name'];
    $email_field = $_POST['email'];
    $message = $_POST['message'];
    $option = $_POST['radio'];
    $dropdown = $_POST['drop_down'];

    foreach($_POST['check'] as $value) {
        $check_msg .= "Checked: $value\n";
    }

    $body = "From: $name_field\n E-Mail: $email_field\n $check_msg Option: $option\n Drop-Down: $dropdown\n Message:\n $message\n";

    echo "Data has been submitted to $to!";
    mail($to, $subject, $body);

} else {
    echo "blarg!";
}
?>

Answer 1

那么，是什么让您无法将<form>...</form>放在手风琴之外？ 通常，尽管用户可能会考虑，但是手风琴的所有部分都是同一HTML页面的一部分。 都是烟雾，镜子和动态可见性。

跨多个列表项的表单没有任何问题。 所以会有很多控件，这很好。 如果只想分别提交控件和/或将控件提交到不同的目的地，则只想将控件拆分为不同的形式，但是您不需要。 表单不是视觉元素-只是将输入控件组合在一起的一种方式。

Answer 2

我想您将需要使用ajax（最简单的jQuery）来做到这一点，以便页面不会被卸载...

这是一个使您入门的示例：

http://hayageek.com/jquery-ajax-form-submit/