Laravel 输入类型搜索取消按钮提交表单

【问题标题】：Laravel input type search cancel button submit formLaravel 输入类型搜索取消按钮提交表单
【发布时间】：2021-02-28 12:30:55
【问题描述】：

我想在用户单击搜索栏中的取消按钮 (x) 时提交表单，我该如何实现？因为现在我必须删除搜索栏中的内容，然后点击回车或搜索按钮来清除表格中的搜索。

【问题讨论】：

标签： javascript html laravel

【解决方案1】：

解决方法是监听用户点击x按钮的事件，然后提交搜索表单(id="search")：

<script type="module">
document.getElementById("search").addEventListener("search", function(event) {
    document.getElementById("search").submit();
});
</script>

【讨论】：