jquery-mobile - formularios - jquery mobile selectmenu

¿Cómo elimino el filtro de búsqueda de lista de JQuery Mobile?

Question

Tengo una aplicación JQuery Mobile (1.0rc1) que tiene una vista de lista con un filtro de búsqueda implementado. Es similar a esta muestra.

Bajo ciertas condiciones, estoy cargando elementos adicionales dinámicamente en la lista con una llamada ajax. Cuando esto sucede, quiero borrar todo lo que haya ingresado en el filtro de búsqueda, de lo contrario terminaré con una lista parcialmente filtrada.

Intenté disparar el botón claro así:

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

y borrar el formulario de esta manera:

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

pero ninguno funcionó. ¿Puede alguien iluminarme a la manera correcta de lograr esto?

Answer 1

Debería poder borrar el filtro de búsqueda

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

Editar: para actualizar la lista, también deberá activar el evento "change" en el filtro de búsqueda:

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

JSFiddle

Answer 2

Yo uso el siguiente código:

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

El [0] apunta al método del elemento DOM. También vea ¿Cómo restablecer (borrar) el formulario a través de JavaScript?

Answer 3

si hablas de la vista de lista de dispositivos móviles de Jquery, entonces necesitas esto

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