html - 一个表单中按钮的不同操作 URL

Question

表单中有一些按钮。我希望其中一个使用另一个 url 作为操作 url。但我希望它在那个表格内，我不想也不能为此创建另一个表格。

我怎样才能做到这一点？

Answer 1

HTML5 (IE>9)，提供formaction属性.

 <form action="demo_form.asp" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <button type="submit">Submit</button><br>
  <button type="submit" formaction="demo_admin.asp">Submit as admin</button>
</form> 

带有两个提交按钮的表单。第一个提交按钮将表单数据提交到“demo_form.asp”，第二个提交到“demo_admin.asp”。

Answer 2

您可以为此使用 JavaScript

<form name="my_form" method="post">
   Name <input type="text" name="person_name" /><br />
   <input type="button" value="Button 1" name="button_1" onclick="return target_btn1();">
   <input type="button" value="Button 2" name="button_2" onclick="return target_btn2();">
</form>

<script>
function target_btn1() {
    document.my_form.action = "whatever.php"; //Trigger action
    document.my_form.submit(); //Submit action performed
    return true;
}

function target_btn2() {
    document.my_form.action = "whatever2.php"; //Trigger action
    document.my_form.submit(); //Submit action performed
    return true;
}
</script>

Answer 3

向调用 javascript 函数的按钮添加 onclick 事件。然后，在该函数中，设置表单的操作，然后提交。像这样的东西：

<input type="button" id="blah" value="Press Me" onclick="javascript:SetForm();">

然后，在javascript中：

    function SetForm()
{
  document.formname.action = '';
  document.formname.submit();
}