Sur mon site www.docphone.org, j'ai un formulaire qui permet de choisir une marque de téléphone portable puis à partir de la marque sélectionnée un modèle.
Cela fonctionne très bien sauf sur mon téléphone portable sous android :
Dès que je clique sur marque mon affichage retourne tout en haut de la page, je peux alors faire mon choix mais je dois retourner tout en bas pour sélectionner mon modèle et là encore retour en haut de page, je fais mon choix et doit revenir tout en bas pour cliquer sur ajouter mon modèle.
Les utilisateurs seront immédiatement découragés et abandonnerons leur achat et c'est compréhensible.
J'ai essayé en changeant le null en go et le problème disparaît mais les valeurs de la table ne s'affichent plus. Ci-dessous le code :
// Chargement des marques
$.ajax({
url: 'site/marques',
data: null, // on envoie $_GET['go']
dataType: 'json', // on veut un retour JSON
success: function(json) {
$.each(json, function(index, value) { // pour chaque noeud JSON
// on ajoute l option dans la liste
$marques.append('<option value="' + index + '">' + value + '</option>');
});
}
});
// à la sélection d une région dans la liste
$marques.on('change', function() {
var val = $(this).val(); // on récupère la valeur
if (val != '') {
$modeles.empty(); // on vide la liste des marques
$.ajax({
url: 'site/modeles/'+val,
data: null,//'id_marque=' + val, // on envoie $_GET['id_marque']
dataType: 'json',
success: function(json) {
$.each(json, function(index, value) {
$modeles.append('<option value="' + index + '">' + value + '</option>');
});
}
});
} else {
$modeles.empty();
$modeles.append('<option value="none"> -- MODELES --</option>');
}
});
.... Ne ferais tu pas un SUBMIT lorsque tu modifies une valeur dans tes select ??
car si tu fais un Submit.. en effet... la page se recharge et te replace (du moins sur les téléphones) en haut de la page...
