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

Posted 2021-01-17

赤脚大仙~<

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了一个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>

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

以上是关于一个form表单，多个提交按钮的主要内容，如果未能解决你的问题，请参考以下文章

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

Django - AJAX - 如何提交多个表单？

Form表单提交

asp.net中form表单多个按钮submit提交到后台的实例

React JS 多个提交按钮 react-hook-form

在 Wordpress 表单管理器中一键提交多个表单