一个表单内的按钮的不同动作URL

时间:2013-02-08 09:20:13

标签: html

表单中有一些按钮。我希望其中一个使用另一个url作为动作网址。但我希望它在那种形式内,我不想也不能为此创造另一种形式。

我该怎么做?

3 个答案:

答案 0 :(得分:3)

HTML5(IE> 9),提供formaction attribute

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

带有两个提交按钮的表单。第一个提交按钮提交   表格数据到&#34; demo_form.asp&#34;,第二个提交到   &#34; demo_admin.asp&#34;

答案 1 :(得分: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>

答案 2 :(得分:2)

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

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

然后,在javascript:

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