Я пытаюсь создать раздел на своем веб-сайте с помощью Jquery Autocomplete.
<li>
<input id = "tags" id = "srch_term" name = "srch_term" class = "form-control">
</li>
$(document).ready(function() {
var location = [];
$.ajax({
url: $('#hf_base_url').val() + '/ajax/all_location_processing',
type: 'GET',
cache: false,
dataType: 'json',
headers: {
'X-CSRF-TOKEN' : $('meta[name = "csrf-token"]').attr('content')
},
success: function(data) {
$.each(data, function(key, val) {
location.push({
id: val.id,
name:val.name
});
})
},
error:function() {}
});
});
Вот что я сделал, чтобы получить все местоположения при загрузке страницы и сохранить location_id и location_name в массиве с именем location.
{ id: 24, name: "Baltimore" },
{ id: 25, name: "Brooklyn" },
{ id: 26, name: "Chicago" },
{ id: 27, name: "Cleveland" },
{ id: 28, name: "Denver" },
{ id: 29, name: "Detroit" },
{ id: 30, name: "Edison" },
{ id: 31, name: "Five Towns" },
{ id: 32, name: "Flatbush" },
{ id: 33, name: "Israel"},
{ id: 34, name: "Lakewood" },
{ id: 35, name: "Los Angeles" },
{ id: 36, name: "Miami" },
{ id: 37, name: "Monsey" },
{ id: 38, name: "Montreal" },
{ id: 39, name: "Passaic" },
{ id: 40, name: "Philadelphia" },
{ id: 41, name: "Tornoto" },
Теперь, что я делаю, когда местоположение выбрано в автозаполнении, я хочу получить location_id, чтобы я мог выполнять дальнейшие задачи.

<input type = "hidden" id = "id_location_hidden" val = "">
проверьте этот код, надеюсь, он вам поможет.
$("#srch_term").autocomplete({
source: url,
select: function( event, ui ) {
event.preventDefault();
$("#id_location_hidden").val(ui.item.id);
}
});