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

技巧就是把提交的input的类型改为button!这样就能够实现多个按钮提交!javascript

如下是案例:java

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

这个能够用来作一个页面中有多个提交按钮的状况!!spa

相关文章
相关标签/搜索