Как очистить фильтр поиска по списку JQuery Mobile?

Question

У меня есть приложение JQuery Mobile (1.0rc1), в котором есть представление списка с внедренным фильтром поиска.Это похоже на этот пример.

При определенных условиях я динамически загружаю дополнительные элементы в список с помощью вызова ajax.Когда это происходит, я хочу очистить все, что введено в поисковом фильтре, в противном случае я получаю частично отфильтрованный список.

Я пытался запустить кнопку очистки, как это:

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

и очистить форму следующим образом:

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

, но ни один из них не сработал.Может ли кто-нибудь просветить меня, как правильно это сделать?

Answer 1

Вы должны очистить поисковый фильтр с помощью

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

Редактировать: Чтобы обновить список, вам также потребуется запустить событие "change" в поисковом фильтре:

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

JSFiddle

Answer 2

, если вы говорите о Jquery мобильном списке, тогда вам нужно это

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

Answer 3

Я использую следующий код:

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

[0] указывает на метод элемента DOM.Также см. Как сбросить (очистить) форму через JavaScript?