如何清除 JQuery Mobile 列表搜索过滤器？答案

【问题标题】：How do I clear the JQuery Mobile list search filter?如何清除 JQuery Mobile 列表搜索过滤器？
【发布时间】：2017-03-22 05:25:03
【问题描述】：

我有一个 JQuery Mobile (1.0rc1) 应用程序，它有一个列表视图，并实现了搜索过滤器。类似于this 示例。

在某些条件下，我通过 ajax 调用将其他项目动态加载到列表中。发生这种情况时，我想清除在搜索过滤器中输入的任何内容，否则我最终会得到一个部分过滤的列表。

我试过这样触发清除按钮：

$('.ui-button-clear', $.mobile.activePage).click();

并像这样清除表单：

$("form > input", $.mobile.activePage).val('');

但都没有奏效。有人可以告诉我完成此任务的正确方法吗？

【问题讨论】：

标签： jquery-mobile

【解决方案1】：

您应该能够清除搜索过滤器

$('input[data-type="search"]').val("");

编辑：要更新列表，您还必须在搜索过滤器上触发“更改”事件：

$('input[data-type="search"]').trigger("keyup");

JSFiddle

【讨论】：

很好，也适用于以下错误：demos.jquerymobile.com/1.4.2/selectmenu-custom-filter 当我有多个选择时，自定义过滤器弹出窗口在第一次搜索后消失，这两个命令有帮助。

【解决方案2】：

如果您谈论的是 Jquery 移动列表视图，那么您需要这个

$('#autocomplete li').click(function () {
                                    $('.ui-input-clear').trigger("click");
                                });

【讨论】：

【解决方案3】：

我使用以下代码：

$("form")[0].reset();

[0] 指向 DOM 元素方法。另见How to reset (clear) form through JavaScript?

【讨论】：