jQuery UI Автозаполнение с Chrome-подобным автозаполнением

Question

Я использую функцию автозаполнения пользовательского интерфейса jQuery, и, хотя я нашел способ реализовать функцию автозаполнения, я искал функциональность, как в адресной строке Google Chrome. Где наиболее подходящий элемент автоматически заполняется, но это не прерывает ваш набор текста.

Любая помощь приветствуется.

Answer 1

Я предлагаю вам взглянуть на более старый плагин автозаполнения jQuery, который предлагает эту встроенную опцию. Синтаксис аналогичен, но вместо того, чтобы использовать источник в качестве опции, вы вместо этого инициализировали его в качестве первого параметра с этим синтаксисом:

$('input.autocomplete').autocomplete(data, {autoFill: true});

data должен быть либо массивом результатов, либо URL-адресом, указывающим на сценарий на стороне сервера, который его генерирует. Для получения дополнительной информации см. Документацию: http://docs.jquery.com/Plugins/Autocomplete

---

Обратите внимание, однако, что автор этого плагина считает его устаревшим, а jQuery UI автоматически его преемником. В публикации «Как перенести», на которую он сейчас указывает пользователям, объясняется рациональный пользовательский интерфейс jQuery без опции autofill:

автозаполнение: Ушел без немедленного замена доступна, навсегда причины: поведение по умолчанию, когда выбор предметов с помощью клавиатуры теперь ставит сфокусированное значение на входе, как это делает Firefox Awesomebar. Это не то же самое, что автозаполнение вариант сделал, но не должно быть нужно воссоздать этот эффект.

Answer 2

$('#FELD').autocomplete( 
      source: "ajax/manager.json.php",
      minLength: 0, 
      change: function(event, ui) {
          found = false;
            $(".ui-autocomplete li").each(function(n, element){
              var retval = $(element).text().toUpperCase();
              var retval2 = $($(this).data()).attr('item.autocomplete');
              if ((found == false ) &&(retval == $("#FELD").val().toUpperCase()) )
              {
                $("#FELD").val(retval);
                $("#FELDID").val(retval2.id);
                found = true;
              }
            });
          if ( found == false) { $("#FELDID").val("-1"); }
      }
  }); `enter code here`