autocomplete combobox в jQuery mobile

Question

Я знаю, что jQuery пользовательский интерфейс автозаполнения-combobox-виджет. Но теперь я ищу мобильный эквивалент. Насколько мне известно, при использовании jQuery Mobile я могу использовать поле выбора или список с автозаполнением.

Есть ли какой-либо элемент управления в jQuery Mobile, который ведет себя как компилятор Autocomplete в jQuery UI?

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

Спасибо!

Answer 1

Вы можете использовать

https://github.com/commadelimited/autoComplete.js

HTML:

<div data-role="page" class="jqm-demos" id="mainPage"> 
     <p> 
      <input type="text" id="searchField" placeholder="Categories"> 
      <ul id="suggestions" data-role="listview" data-inset="true"></ul> 
     </p> 
    </div> 

JavaScript:

<script> 
     var autocompleteData = $.parseJSON('[{"value":"AL","label":"Alabama"},{"value":"AK","label":"Alaska"},{"value":"CA","label":"California"},{"value":"CO","label":"Colorado"},{"value":"CT","label":"Connecticut"},{"value":"NC","label":"North Carolina"},{"value":"ND","label":"North Dakota"},{"value":"NI","label":"Northern Marianas Islands"},{"value":"OH","label":"Ohio"},{"value":"OK","label":"Oklahoma"},{"value":"OR","label":"Oregon"},{"value":"PA","label":"Pennsylvania"},{"value":"PR","label":"Puerto Rico"},{"value":"RI","label":"Rhode Island"},{"value":"WV","label":"West Virginia"},{"value":"WI","label":"Wisconsin"},{"value":"WY","label":"Wyoming"}]'); 

     $("#mainPage").bind("pageshow", function (e) { 
      $("#searchField").autocomplete({ 
       target: $('#suggestions'), 
       source: autocompleteData, 
       callback: function (e) { 
        var $a = $(e.currentTarget); 
        $('#searchField').val($a.data('autocomplete').value); 
        $("#searchField").autocomplete('clear'); 
       }, 
       link: 'target.html?term=', 
       minLength: 1 
      }); 
     }); 
    </script> 

Я отправил его образец использования в

https://stackoverflow.com/questions/34164377/how-to-use-jquery-mobile-autocomplete-plugin-with-jqgrid