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

技巧就是把提交的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>

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

posted @ 2018-11-05 09:45  赤脚大仙~  阅读(4896)  评论(0编辑  收藏  举报
View Code