码迷,mamicode.com
首页 > 其他好文 > 详细

一个form表单,多个提交按钮

时间:2018-11-05 11:19:33      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:move   col   out   click   button   cli   导出   min   value   

技巧就是把提交的input的类型改成button!这样就可以实现多个按钮提交!

以下是案例:

<form action="" id="tijiao">

<input type="text" value="" name="ceshi">

<button class="btn btn-sm btn-success" id="bt_search">查询结果</button> |
<button class="btn btn-sm btn-success" id="bt_output">数据导出</button>

</form>
<script type="text/javascript">
    jQuery(function($) {
        // 条件查询
        $("#bt_search").click(function(){
            $("#ljz-form-search").removeAttr(‘action‘);
            $("#ljz-form-search").attr(‘action‘,"{:U(‘Admin/Member/searchMember‘)}" );
            $("#ljz-form-search").submit();
        });
        // 数据导出成excel表格
        $("#bt_output").click(function(){
            $("#ljz-form-search").removeAttr(‘action‘);
            $("#ljz-form-search").attr(‘action‘,"{:U(‘Admin/Member/outputMembersExcel‘)}" );
            $("#ljz-form-search").submit();
        });
    }) 
</script>

这个可以用来做一个页面中有多个提交按钮的情况!!

一个form表单,多个提交按钮

标签:move   col   out   click   button   cli   导出   min   value   

原文地址:https://www.cnblogs.com/daxian2012/p/9907502.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!