按钮点击更改表单操作

时间:2013-02-01 10:21:03

标签: javascript forms button action

  

可能重复:
  How can I invoke multiple actions from a single form?

我在表单中有两个按钮。一个用于计算,另一个用于在电子邮件中发送计算数据。 所以我已经"action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>"计算了表格中的所有内容。现在我想让另一个按钮将动作更改为“mail.php”,所以我做了这个:

<input type="submit" name="senden" value="Senden" onClick="document.form.action.value="mailer.php"">

但我们都知道,它不起作用。那么我该如何让它发挥作用呢?

2 个答案:

答案 0 :(得分:2)

做这样的事情。

<input type="button" name="senden1" value="Send" onClick="sendMailer()">
<input type="button" name="senden2" value="Calculate" onClick="caclculate()">

然后在calculate函数中只计算数据,当用户点击Send时,只需设置操作并在sendMailer()中提交.DON'T在calculate()中提交。

 document.<Form_Name>.action = 'mailer.php';
 document.<Form_Name>.submit();

答案 1 :(得分:0)

<form action="xxx.php" name="frm1" id="frm1">
    <input type="button" name="senden1" value="Send" onClick="sendMailer()" id="senden1">
</from>
<form action="yyy.php" name="frm2" id="frm2">
<input type="button" name="senden2" value="Calculate" onClick="caclculate()">
</from>
<script>
    $(document).ready(function($){
        var form1 =  $("#frm1");
        var form2 =  $("#frm2");
        $("#senden1").click(function(){
               form1.submit(); 
        });
        $("#senden2").click(function(){
                form2.submit(); 
        });

    });
</script>