Я просмотрел многие предыдущие сообщения об этом, но я думаю, что мой намного проще, чем то, что я нашел. Мое поле запрашивает данные успешно, но не отображает их. Я бы предположил, что это связано с CSS, чтобы отобразить его. Я использую JQuery UI CSS, чтобы отобразить его, как я на других сайтах я проектировал:jQuery autcomplete не отображается
<link href="/css/console/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />
Вот где я пытаюсь отобразить его. Что я здесь делаю неправильно? У меня это работает на других сайтах.
<input type="text" name="userSearch" id="userSearch"/>
<input class="button" style="top: -1px; margin-left: 5px;" type="button" value="SEARCH" />
<input type="hidden" id="hiddenUserWom" value="" /></span></div>
<script type="text/javascript" src="/js/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript">
$('#userSearch').autocomplete({
source: '/console/ajax/user_search_autocomplete.php',
minLength: 3,
select: function (event, ui) {
$("#userSearch").val(ui.item.label);
$("#hiddenUserWom").val(ui.item.id);
}
});
$(document).ready(function() {
$("#userSearch").focus();
});
</script>
Здесь успешно возвращаемые данные: Это пример возвращения:
[{ "этикетка": "5U5NU - Девин Паркер - Вакавилль, Калифорния", "идентификатор": «5U5NU "}]
Описание формата данных для JQuery UI, как с официального сайта:
Ожидаемый формат данных
Данные из локальных данных, URL-адрес или обратного вызова может прийти в двух вариантах:
Массив строк: [ «Choice1», «Choice2»] Массив объектов с этикеток и стоимостных свойств: [ {label: "Choice1", value: "value1"}, ...]
Это должно работать должным образом.
Вот сайт: http://wombusiness.com/console/members/
Это поле поиска, нуждающийся автозаполнение.
@ harhahu - Я не думаю, что вы понимаете, как это работает. Может ли кто-нибудь помочь мне здесь? Очевидно, что я хочу отобразить значение VALUE элемента clicked в поле поиска при выборе. Что еще может происходить здесь? – Devin