根据按下的按钮,不同的形式ACTION

时间:2010-05-02 11:31:13

标签: javascript html forms

我有一个表单,我希望ACTION字段根据按下的按钮而不同。

例如,如果按下按钮A或按钮B,表单可能会被不同的PHP文件处理。

我该怎么做?

谢谢!

3 个答案:

答案 0 :(得分:12)

在按钮中,您只需使用form property设置表单的操作,例如按钮a:

this.form.action = "fileA.php";

另一方面:

this.form.action = "fileB.php";

您可以在外部进行此操作,如下所示:

document.getElementById("buttonA").onclick = function() { 
  document.getElementById("myForm").action = "fileA.php";
};

或者如果您使用的是像jQuery这样的库:

$(function() {
  $("#buttonA").click(function() {
    $(this).closest("form").attr('action', 'fileA.php');
  });
});

答案 1 :(得分:9)

如果您不想使用Javascript,但确实使用HTML5,则可以使用属性formaction

<!DOCTYPE html>
<html>
  <body>
    <form>
      <input type="submit" formaction="http://firsttarget.com" value="Submit to first" />
      <input type="submit" formaction="http://secondtarget.com" value="Submit to second" />
    </form>
  </body>
</html>

答案 2 :(得分:2)

将操作字段留空:

<form action ="" method="post" name="form1">
<input type ="submit" onclick="calA();"/>
<input type = "submit" onclick="calB"/>
</form>

<script>
function calA()
{
 document.form1.action ="a.php";
}
function calB()
{
document.form1.action = "b.php";
}
</script>