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

Question

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

标签： javascripthtmllaravel

Answer 1

解决方案是在用户单击 x 按钮然后提交搜索表单（id="search"）时监听事件：

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