Сделать автоматический автозавершение JQuery UI

81
12

Мне нужно отображать список автозаполнения

<script type="text/javascript">
$(function() {

//autocomplete
$(".search_textbox").autocomplete({
source: "../autocomplete.php",
minLength: 1,
create: function (event, ui) {
$(this).data('ui-autocomplete')._renderItem = function (ul, item) {
return $('<li>').append('<div class="autocompleteStore">' + item.key +
'</div><div class="autocompleteCashback"><span class="cashback-icon"></span><span class="cashback-text"> <span class="ac_cashback">'+item.desc+'</span></span></div>').appendTo(ul).css("position", "static");;
};
},
select: function (e, ui) {
var label = ui.item.label;
var data = $('#searchtext').val(label);
document.searchfrm.submit();
}

});

});

</script>

** Я попробовал следующее решение, чтобы переместить div в текстовое поле автозаполнения **

Автозаполнение JQuery UI. Как написать результаты внутри div с помощью innerHTML?

Решение для перемещения div в соответствующий div было следующим:

<script type="text/javascript">
$(function() {

//autocomplete
$(".search_textbox").autocomplete({
source: "../autocomplete.php",
minLength: 1,
open: function (event, ui) {
$("#auto-complete").show();
return $('<li>')
.append('<div class="autocompleteStore"></div><div class="autocompleteCashback"><span class="cashback-icon"></span><span class="cashback-text"> <span class="ac_cashback"></span></span></div>')
.appendTo("#auto-complete")
.css("position", "static");

select: function (e, ui) {
var label = ui.item.label;
var data = $('#searchtext').val(label);
document.searchfrm.submit();
}

});

});

</script>

Но это решение делает его отзывчивым, но данные не поступают в открытую функцию. Поэтому я решил использовать функцию создания и отображать данные в ответ.

спросил(а) 2016-02-01T16:13:00+03:00 4 года, 7 месяцев назад
0
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема