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

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>