Javascript 按ENTER键时提交某个按钮

我有一个网页，有一个表单和许多按钮。 当用户在搜索文本框中按ENTER键时，我想为搜索按钮提交一篇文章，其中包含搜索按钮的名称

我见过许多提交表单帖子的解决方案，但没有一个告诉我如何在表单帖子中包含搜索按钮

这是代码的简化版本：

模板：

<form name="form" id="form" action="" method="POST">
    <input type="text" id="txtbx_search" name="txtbox_search"> 

    <button id="btn_print" type="submit" name="btn_print"><b>Print</b> </button>

    <button id="btn_delete" type="submit" name="btn_delete"><b> Delete</b> </button>

    <button id="btn_search" type="submit" name="btn_search"><b>Search</b> </button>

    {% csrf_token %}

</form>

我试过这样做：

<script>
        $(document).ready(function () {
            $('#txtbx_search').keypress(function (e) {
                if (e.keyCode == 13) {
                    e.preventDefault();

                    document.getElementById('btn_search').click();
                    //OR
                    document.getElementById('form').submit();
                }
            });
        });

</script>

$（文档）.ready（函数（）{
$（'#txtbx_search'）。按键（功能（e）{
如果（e.keyCode==13）{
e、 预防默认值（）；
document.getElementById（'btn_search'）。单击（）；
//或
document.getElementById（'form'）.submit（）；
}
});
});

但是如何在POST数据中包含按钮？ 默认情况下，当我按ENTER键时，“打印”按钮被提交

---

非常感谢。

我自己也尝试过，并成功地按以下方式工作

<form id="importForm" method="post" enctype="multipart/form-data">
            <div class="row" style="text-align:center">
                <button id="importButton" type="submit" class="btn btn-primary" name="btn-hello">
            <span class="glyphicon glyphicon-upload" aria-hidden="true"></span> Import
            </button>

                <button id="importButton2" type="submit" class="btn btn-primary" name="btn-byebye">
            <span class="glyphicon glyphicon-upload" aria-hidden="true"></span> Import
            </button>
            </div>

</form>

---

也许代码中的错误在于document.getElementById（'btn_search'）。单击（）；。尝试使用$（“#btn_搜索”）。单击（）

我自己也尝试过，并成功地按以下方式工作

<form id="importForm" method="post" enctype="multipart/form-data">
            <div class="row" style="text-align:center">
                <button id="importButton" type="submit" class="btn btn-primary" name="btn-hello">
            <span class="glyphicon glyphicon-upload" aria-hidden="true"></span> Import
            </button>

                <button id="importButton2" type="submit" class="btn btn-primary" name="btn-byebye">
            <span class="glyphicon glyphicon-upload" aria-hidden="true"></span> Import
            </button>
            </div>

</form>

---

也许代码中的错误在于document.getElementById（'btn_search'）。单击（）；。尝试使用$（“#btn_搜索”）。单击（）

嗨，这是代码提交吗？是否需要在提交前单击btn_搜索？使用tabindex并重试。当焦点位于输入元素内且按下

enter

时，提交表单是默认行为。文档.getElementById（'form'）。提交（）；正在提交，但单击没有。这就是我为什么说的原因，或者因为我尝试了两者。文档.getElementById（'form'）.submit（）；提交但帖子数据没有'btn_search'@Rayon Yea，但我如何将焦点移动到另一个按钮？嗨，这是代码提交吗？是否需要在提交前单击btn_搜索？使用tabindex并重试。当焦点位于输入元素内且按下

enter

时，提交表单是默认行为。文档.getElementById（'form'）。提交（）；正在提交，但单击没有。这就是我为什么说的原因，或者因为我尝试了两者。文档.getElementById（'form'）.submit（）；提交但帖子数据没有'btn_search'@Rayon Yea，但我如何将焦点移动到另一个按钮？

$(document).ready(function () {
    $('body').keypress(function (e) {
        if (e.keyCode == 13) {
            e.preventDefault();
            $("#importButton").click();
        }
    });
});