Добавление функции выбора для мобильного поля автозаполнения JQuery

Мне нужно текстовое поле ввода автозаполнения в моем мобильном приложении jquery, поэтому я использую этот код ниже

http://view.jquerymobile.com/1.3.2/dist/demos/widgets/autocomplete/autocomplete-remote.html

Этот код показывает, как отображать предложения, что мне нужно добавить в этот код, чтобы я мог выбрать поле из перечисленных предложений, и как только я выберу одно, которое будет заполнено в поле ввода


person Community    schedule 03.10.2013    source источник
comment
в то же поле ввода или в другое?   -  person Omar    schedule 03.10.2013
comment
этот компонент, доступный в версии 1.4.2, может быть тем, что вам нужно: demos.jquerymobile. com/1.4.2/selectmenu-custom-filter   -  person Nicolas Janel    schedule 29.07.2015


Ответы (1)


Вам нужно добавить какое-то событие OnClick в элементы списка.

В исходном коде, предоставленном этой страницей, вы можете видеть, что элементы списка просто отображаются как элементы списка.

$.each( response, function ( i, val ) {
    html += "<li>" + val + "</li>";
});

Итак, что вы можете сделать, так это либо добавить прослушиватель .click() к элементу ul, либо к элементам li.

Пример может быть таким (пример jsFiddle о том, как могут работать события кликов):

 $('li').click(function () {
    alert( $(this).text() );
});

Затем вам просто нужно поймать текст и заменить набранный текст текстом, полученным из выпадающего списка.

Изменить: вы пробовали этот связанный вопрос? https://stackoverflow.com/a/9726264/1513735

person Heskja    schedule 03.10.2013
comment
Спасибо за ответ, Hekja, я использовал аналогичный код, я могу поймать событие на ul, но я не могу на элементах li, потому что они могут быть сформированы на лету. любое предложение по этому поводу? - person ; 03.10.2013