0

我的页面上有一个表单，需要有多个与之关联的表单操作。我将以下脚本与以下代码结合使用来实现此目的：

<script>
    function submitForm(action)
    {
        document.getElementById('summary').action = action;
        document.getElementById('summary').submit();
    }
</script>


<form action="go-gold.php" method="post" enctype="multipart/form-data"> 
<input type="image" id="arrow" name="go_back" onclick="submitForm('go-gold.php')" value="go_back" src="images/arrow_back.png" class="submit_button" /><br>

<input type="image" id="arrow" name="submit_form" onclick="submitForm('registration.php')" value="submit_form" src="images/arrow.png" class="submit_button" />
</form>

第一个按钮需要在同一浏览器窗口（自身）内“返回”，第二个按钮需要将信息提交到新窗口（空白）。如何修改代码来实现这一点？将“目标”函数放在输入类型中不起作用，并且将目标放在 Form 标记中会使两个提交按钮提交到同一个窗口。

谢谢！

4

1 回答 1

1

使用 jQuery 很容易，您还必须为两个单独的表单元素使用相同的 id。除非您想使用类名，否则您应该将它们作为不同的 id。通过使用 $_SERVER['PHP_SELF'] 作为表单操作名称，PHP 可以使用 $_SERVER 超全局将表单提交到同一页面。

  <script>
    $(document).ready(function() {
        $(".submit_button").click(function() {
            clickVal = $(".submit_button").val();
            if(clickVal == 'go_back') {
                //do go back stuff
            }

            if(clickVal == 'submit_form') {
                // do actions for other page
            }
        });
    });
    </script>

    <form action="go-gold.php" method="post" enctype="multipart/form-data"> 
       <input type="image" value="go_back" src="images/arrow_back.png" class="submit_button" /><br>
       <input type="image" value="submit_form" src="images/arrow.png" class="submit_button" />
    </form>
于 2013-05-02T15:56:24.667 回答