Сделал так, все работает.
А можно ли поменять классы для ul и li в выпадающем списке autocomplete?
$(input).autocomplete({
source: function(request, response) {
$.ajax({
url: Drupal.settings.geo.path,
dataType: 'json',
data: {
act: 'get_other_cities',
country: $(selects['country']).val(),
value: request.term,
},
success: function(data) {
response($.map(data.cities, function(item) {
return {
cityID: item[0],
label: item[1],
value: item[1],
city: item[1],
state: item[2],
district: item[3]
}
}));
}
});
},
autoFocus: true,
})
.data('autocomplete')._renderItem = function( ul, item ) {
return $( '<li onmousemove="Select.itemMouseMove(5, 17, this)" val="' + item.cityID + '"></li>' )
.data( "item.autocomplete", item )
.append('<a href=" + item.url + ">' + '<span class="city">' + item.city + '</span>' + item.state + "<br>" + item.district + "</a>")
.appendTo( ul );
};