Мне удалось получить результаты из базы данных, и данный var products - это результат, который я видел при проверке элемента. Единственная проблема заключается в том, что список, который должен содержать результат, не отображается.

Я также попытался проверить элемент в списке, так что я получил

<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content" id="ui-id-1" tabindex="0" style="display: none; top: 136px; left: 865px; width: 402px;">
    <li class="ui-widget-content ui-menu-divider"></li>
</ul>

Пустой список. Это первая попытка автозаполнения. Пожалуйста, помогите, если сможете.

$(function() {
  {
    var products = [{
      "product_code": "ABC1233",
      "product_id": 1,
      "product_name": "National Stove Testing"
    }];
    $("#find_product").autocomplete({
      source: products,
      select: function(even, ui) {
        $("#id").val(ui.item.id); //ignore this
        $("#name").val(ui.item.value); //ignore this
        $("#type").val(ui.item.type); //ignore this
      }
    });
  }
});
<div class="ui-widget">
  <label for="find_product">Find Product: </label>
  <input id="find_product">
</div>
0
Ali Rasheed 14 Июл 2017 в 14:45

1 ответ

Лучший ответ

Fiddle - http://jsfiddle.net/darjiyogen/kq7pL4kh/1/

  $(document).ready(function () {
var products = [{
  "value": "aBCD",
  "id": 1,
  "label": "National Stove Testing"
},{
  "value": "EF",
  "id": 2,
  "label": "WEWE Stove Testing"
}];

$("#find_product").autocomplete({
    source: products,
      minLength: 1
});

});
<div class="ui-widget">
  <label for="find_product">Find Product: </label>
  <input id="find_product">
</div>
1
yogen darji 14 Июл 2017 в 15:11