JS提交表单-优快云博客

本文介绍了两种HTML表单提交的方法，一种是通过设置按钮的onClick属性直接改变表单的action属性来实现，另一种是利用JavaScript函数根据不同按钮调用不同的页面。此外还提供了一些实用的原型设计小技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[b]常用的两种方式：[/b]
[b]第一种方式[/b]


<form action="" name="form1" method="post">
    <input type="submit" name="btnSelect" value="追加" class="btn btn-silver" 
onClick="form1.action='PersonnelInfoAdd.html';"/>
</form>

[b]第二种方式[/b]


<script>   
  function subMethod(name){   
    if(name=="b1"){   
      document.form2.action="a.jsp";   
      f1.submit();   
    }   
    else if(name="b2"){   
      document.form2.action="b.jsp";   
      f1.submit();   
    }   
  }   
</script> 


<script>
  function save(){ 
    document.form1.action="save.jsp";
    document.form1.submit();
  }
  function send(){
    document.form1.action="send.jsp";
    document.form1.submit();
  }
</script>


<form action="a.jsp" name="form2" method="post">   
    <input type="button" name="b1" onclick="subMethod('b1');" value="追加">   
    <input type="button" name="b2" onclick="subMethod('b2');" value="编辑">   
</form> 


<form name="form1">
    <input type="button" name="btn1" value="发送" onclick="send();">
    <input type="button" name="btn2" value="保存" onclick="save();">
</form>

[b]最后记录自己喜欢用的做原型的小技巧：[/b]


  <input type="button" name="btnSelect" value="返回" class="btn btn-silver" 
onClick="history.go(-1)"/>