par
joker94 » 22 janv. 2017, 02:57
Bonjour je coince depuis plusieurs jours est ce quelqu'un serait comment faire, j'ai fait un autocomplete le problème c'est que j'ai que la ville qui s'affiche pas le code postal je voudrais exemple :
Paris 75006
La actuellement j'ai sa :
Paris
Voici un bout de mon code ou je coince,ma base de donnée est comme ceci : ID - Ville - Code postal
Mon code :
var lastXhr, suggestions, selected_id = null;
jQuery(document).ready(function($){
$("#searchbox")
.autocomplete({
minLength: 1,
autoFocus: true,
html: true,
source: function( request, response ) {
request.action = 'searchWithImage';
request.ajax = '1';
request.region_id = $('#regions').val();
lastXhr = $.getJSON('citysearch.php', request, function( data, status, xhr ) {
if ( xhr === lastXhr ) {
for(d in data){
var city_info = data[d].label.split('|');
data[d].label += city_info[0];
data[d].label += city_info[1];
}
suggestions = data;
response( data );
}
});
},
select: function(event, ui) {
selected_id = ui.item.id;
$('#selected-city').val(selected_id);
var city_name = $(ui.item.label).find('.city-name').text();
$('#city-name').val(city_name);
},
change: function(event, ui){
if (selected_id === null){
var found = false;
for(i in suggestions){
if (suggestions[i].value.toLowerCase() == $(this).val().toLowerCase()){
selected_id = suggestions[i].id;
$('#selected-city').val(selected_id);
$(this).val(suggestions[i].value);
found = true;
}
}
if (!found){
alert('Votre code postal ou ville ne correspond pas.')
}
}
},
open: function(){
selected_id = null;
$('#selected-city').val(selected_id);
}
})
;
});
Bonjour je coince depuis plusieurs jours est ce quelqu'un serait comment faire, j'ai fait un autocomplete le problème c'est que j'ai que la ville qui s'affiche pas le code postal je voudrais exemple :
Paris 75006
La actuellement j'ai sa :
Paris
Voici un bout de mon code ou je coince,ma base de donnée est comme ceci : ID - Ville - Code postal
Mon code :
[js]var lastXhr, suggestions, selected_id = null;
jQuery(document).ready(function($){
$("#searchbox")
.autocomplete({
minLength: 1,
autoFocus: true,
html: true,
source: function( request, response ) {
request.action = 'searchWithImage';
request.ajax = '1';
request.region_id = $('#regions').val();
lastXhr = $.getJSON('citysearch.php', request, function( data, status, xhr ) {
if ( xhr === lastXhr ) {
for(d in data){
var city_info = data[d].label.split('|');
data[d].label += city_info[0];
data[d].label += city_info[1];
}
suggestions = data;
response( data );
}
});
},
select: function(event, ui) {
selected_id = ui.item.id;
$('#selected-city').val(selected_id);
var city_name = $(ui.item.label).find('.city-name').text();
$('#city-name').val(city_name);
},
change: function(event, ui){
if (selected_id === null){
var found = false;
for(i in suggestions){
if (suggestions[i].value.toLowerCase() == $(this).val().toLowerCase()){
selected_id = suggestions[i].id;
$('#selected-city').val(selected_id);
$(this).val(suggestions[i].value);
found = true;
}
}
if (!found){
alert('Votre code postal ou ville ne correspond pas.')
}
}
},
open: function(){
selected_id = null;
$('#selected-city').val(selected_id);
}
})
;
});[/js]