$(function () {
$(‘#tags’).autocomplete({
source: function (request, response) {
$.ajax({
url: ‘/api/City/GetReterCities’,
type: ‘GET’,
cache: false,
data: request,
dataType: ‘xml’,
success: function (xmlResponse) {
var data = $(‘ReterCity’, xmlResponse).map(function () {
return {
value: $(‘CityName’, this).text(),
id: $(‘CityId’, this).text()
};
}).get();
$(‘#tags’).autocomplete({
source: data
});
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
console.log(‘error’, textStatus, errorThrown);
}
});
},
select: function (event, ui) {
alert(‘you have selected ‘ + ui.item.value + ‘ ID: ‘ + ui.item.id);
$(‘#tags’).val(ui.item.label);
return false;
}
})
});

I have copied your code but get an error (below) when deleting text using the backspace button.

“SyntaxError: Unexpected token <"

Anyone else getting this?

is it possibile to make some LI selectable and some LI not-selectable?

I would like to create a HEDER to divide the result..

Tnx

My site will be as follows: a google style search bar with autocomplete, a user searches ‘Lemon’ which will return certain titles in a dropdown e.g. ‘Lemons are really nice’ by searching a MySQL database for any occurrence of ‘Lemon’ in either the title or body (‘Lemons are nice because they are lemony.’) Pressing enter with a dropdown entry highlighted will take you directly to the ‘Lemon’ page containing the full body, clicking the search icon however will take you to a page with detailed search results.

Make sense?

I’d appreciate any input. Thanks!

$(‘#mainsearch’).typeahead({
minLength: 4,
source: function (query, process) {
products = [];
map = {};
$.ajax({
type: “get”,
url: “/includes/ajax/autocomplete-keyword-search?”,
data: “q=” + query,
cache: false,
dataType: ‘json’,
success: function (data) {
$.each(data, function (i, product) {
map[product.name] = product;
products.push(product.name);
map[product.sku] = product;
products.push(product.sku);
map[product.vendor] = product;
products.push(product.vendor);
});
return process(products);
}
});
},
updater: function (item) {
if (jQuery.type(map[item]) !== ‘undefined’){
selectedProduct = map[item].id;
//console.log(selectedProduct);
document.location = “/search?id=” + encodeURIComponent(selectedProduct);
}
return item;
},
matcher: function (item) {
if (item.toLowerCase().indexOf(this.query.trim().toLowerCase()) != -1) {
return true;
}
},
sorter: function (items) {
items.unshift(this.query);
return items;
}
});