Discussion :

[chok71]

Bonjour,

J'ai deux select dans un formulaire, ils se chargent dynamiquement en AJAX. Le but est d'envoyer le formulaire avec les valeurs que j'ai sélectionné, le problème c'est que ces valeurs ne sont jamais mises à jours dans le DOM.

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<select>
Tous les clients (par défaut)
Client A
Client B
Client C
</select>

J'ai beau cliquer sur Client A, B ou C, mon formulaire sera toujours envoyé qu'avec la valeur par défaut : Tous les clients

Comment faire pour envoyer le formulaire avec la valeur que j'ai choisi, et non celle par défaut ? J'aimerais avoir une solution avec jQuery de préférence.

Merci

EDIT: j'ai résolu le problème, merci de supprimer le sujet

[danielhagnoul]

Merci de cliquer sur le bouton

[NoSmoking]

Bonjour,

EDIT: j'ai résolu le problème, merci de supprimer le sujet

et si tu fournissais plutôt la solution que tu as trouvé pour aider/enrichir ce qui viendrait te lire, c'est cela aussi l'esprit d'un forum recevoir et donner, échanger en un seul mot

[chok71]

Merci de cliquer sur le bouton

C'est fait

et si tu fournissais plutôt la solution que tu as trouvé pour aider/enrichir ce qui viendrait te lire, c'est cela aussi l'esprit d'un forum recevoir et donner, échanger en un seul mot

En fait je voulais envoyer en paramètre de requête AJAX l'attribut "id" de l'option que j'avais sélectionné dans un formulaire, et la variable qui récupère cette valeur était déclarée en dehors de la fonction qui envoie la requête AJAX.

La solution, c'est de récupérer la valeur de l'option sélectionnée au moment où on clique sur le bouton "envoyer" du formulaire, et non au chargement du DOM. Il faut donc déclarer la variables à l'intérieur de la fonction.

Exemple (fait de tête, je n'ai plus le code devant moi) :

JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
// Requête Ajax
function reqAjax (param) {
         $.ajax [...]
}
 
// Envoyer le paramètre selectedOpt à la fonction reqAjax
function validerForm() {
         var selectedOpt = $('form select option:selected').attr('id');
         reqAJAX(selectedOpt);
}
 
// Appeler la fonction validerForm quand on valide le formulaire
$('form').submit(validerForm);

Bref, j'ai galéré 4h sans réussir à trouver cette solution, c'est un collègue qui m'a dépanné (il a trouver la solution en 2 minutes...).