Мне нужно сделать следующее, используя поле со списком.
Поле выбора
имеет стандартный список городов, в которых пользователь может осуществлять поиск.input
, мне нужно сделать вызов ajax, чтобы получить данные и отобразить параметры пользователю.Выберите поле
Используя автозаполнение jQueryЯ могу получить данные json при вводе пользователем строки и отображение результатов. Однако я совершенно не знаю, как интегрировать это с помощью combobox.
Comboboxиспользует статический массив данных для поиска и, если я правильно понимаю, использует регулярное выражение для сопоставления значений. Однако как мне прервать его и использовать вызов ajax для извлечения данных с сервера и обновления результатов?
Автозаполнение для текстового поля ввода:
$( "#searchDestination" ).autocomplete({
delay: 500,
source: function( request, response ) {
$.ajax({
url: "/wah/destinationsJson.action",
dataType: "json",
data: {
term: request.term
},
type: "POST",
success: function(data){
if(data.cities.length == 0)
return response(["No matching cities found for " + request.term]);
response( $.map(data.cities, function(item){
return{
label: item.name,
value: item.name
};
})
);
}
});
},
minLength: 2
});
});