本站停止维护,已转移至laravel学习网;欢迎大家移步访问!

JQ动态提交表单,网页实现多表单提交

网页中,我们常常会具有多个表单,如果我们一直有button提交表单,那我们一定会崩溃的,特别是网页结构比较复杂的时候,其实我们可以用JQ来提交表单,使结构更加清晰:

<form method="POST" action="/allrelase" id="fromteste1">  
</form>
<form method="POST" action="/allrelase" id="fromteste2">  
</form>
<form method="POST" action="/allrelase" id="fromteste3">  
</form>
<div>
    <ul>
        <li onclick="fromteste1()">提交表单一</li>
        <li onclick="fromteste2()">提交表单二</li>
        <li onclick="fromteste3()">提交表单三</li>
    </ul>
</div>
<script type="text/javascript">
  function fromteste1() {
    $("#fromteste1").submit();
  }
 function fromteste2() {
    $("#fromteste2").submit();
  }
 function fromteste3() {
    $("#fromteste3").submit();
  }
</script>

这样我们就可以分别提交三个表单了,是不是很简单?

注意:每个from的ID不相同,JQ提交的时候根据ID来判断提交哪个表单,一定要引入JQ框架

转载请注明 :一沙网络原文出处:http://bbs.earnp.com/article/117
问题交流群 :562864481
2
打赏
发布时间 :2016-08-22 13:52:12
分享

0 个评论

    还没有评论,感觉来抢沙发吧!

要回复文章请先登录注册