Variable undefined lors de la seconde soumission d'un formulaire

Version imprimable

Bonjour,

je bloque sur un problème depuis plusieurs heures, et je ne trouve pas comment le régler sur le net.

J'ai un formulaire qui permet d'effectuer une recherche, quand on le lance la 1ere fois, tout fonctionne bien, je fais un load(resultrecherche.php) et cela s'affiche bien comme je veux.

Par contre si on veut faire un nouvelle recherche, toutes mes variables passent à undefined !

Mon code :
Code:

1 2 3 4 5 6 7 8 $("#cherche").submit(function(e) { e.preventDefault(); categorie = $(categorie).val(); marque = $(marque).val(); departement = $(departement).val(); alert('categorie '+categorie+' marque '+marque); $("#resultats").load('recherche.php', {'categorie' : ''+categorie+'','marque' : ''+marque+'','departement' : ''+departement+''}); });
Si quelqu'un a une idée...

MERCI

Bon, j'ai trouvé.
Je poste si ça peut aider quelqu'un

En fait c'est tout bête il ne faut pas passer par une variable :

Code:

1
2
3
4
5
$("#cherche").submit(function(e) {
e.preventDefault();
alert('categorie '+$(categorie).val()+' marque '+$(marque).val());
$("#resultats").load('recherche.php', {'categorie' : ''+$(categorie).val()+'','marque' : ''+$(marque).val()+'','departement' : ''+$(departement).val()+''});
	});

Bonjour ls4242,

Pour information, voici les raisons de ton problème. Prenons le cas de la variable "categorie":
Code:

1 2 3 4 5 6 7 8 // Avant d’exécuter une première recherche: "categorie" == {Champs HTML} categorie = $(categorie).val(); // $(categorie) == {Objet jQuery correspondant au champs HTML} // Ici, "categorie" ne vaut plus {Champs HTML} mais la valeur contenue dans le champs // Maintenant on éxecute une seconde recherche categorie = $(categorie).val(); // Objet jQuery correspondant à la dernière valeur enregistrée // Ici l'objet jQuery ne contient du coup aucun DOM, donc $(categorie).val() == undefined
Ton code doit certainement fonctionner en le modifiant ainsi afin de ne pas écraser les variables categorie, marque et departement:
Code:

1 2 3 4 5 6 7 8 9 $("#cherche").submit(function(e) { e.preventDefault(); var _categorie = $(categorie).val(); var _marque = $(marque).val(); var _departement = $(departement).val(); alert('categorie '+_categorie+' marque '+_marque); $("#resultats").load('recherche.php', {'categorie' : ''+_categorie+'','marque' : ''+_marque+'','departement' : ''+_departement+''}); });
Je te conseillerais quand même deux choses:
- utilise le mot clef 'var' lorsque tu crées une variables locale à une fonction, ça peut souvent éviter de mauvaises surprise car en faisant ça, ta variable n'existe pas en dehors de la fonction.
- Essaye de chercher pourquoi categorie == {Champs HTML} avant ta première recherche.
As-tu déjà initialisé cette variable ?
Est-ce une spécificité du navigateur (dans ce cas il faut faire attention car ça ne fonctionne pas sur tous les navigateurs, il vaut mieux utiliser une syntaxe du type $('input[name=categorie]').val();) par exemple ?

Bonne Continuation !