Question

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

<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标记中会使两个提交按钮都提交到同一窗口。

谢谢！

Answer 1

使用jQuery很容易，对于两个单独的表单元素，您也必须使用相同的ID。除非要使用类名，否则应将这些作为不同的ID。 Php可以使用$ _SERVER超级全局将表单提交到同一页面，方法是使用$ _SERVER ['PHP_SELF']作为表单操作名称。

  <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>

对不同页面/不同目标窗口的多个表单操作

1 个答案: