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

Posted 2023-03-15

【中文标题】Laravel 输入类型搜索取消按钮提交表单

【英文标题】：Laravel input type search cancel button submit form

【发布时间】：2021-02-28 12:30:55

【问题描述】：

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

【参考方案1】：

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

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