Récupérer valeur d'un select

Version imprimable

17/02/2010, 11h16
mateuil

Récupérer valeur d'un select

Bonjour, voila tout est dans le titre, je voudrais récupérer la valeur d'un option select par exemple, j'ai ma page panier, et lorsque je change la valeur de mon select, la valeur est récupéré dans une variable.

Merci
17/02/2010, 11h23
E.Bzz

Bonjour,

Citation:

Envoyé par mateuil

je voudrais récupérer la valeur d'un option select

Code:

document.getElementById('id_du_select').value

A+
17/02/2010, 11h57
andry.aime

Bonjour,
+1 E.Bzz
Ou bien :

Code:

document.getElementById('id_du_select').options[document.getElementById('id_du_select').selectedIndex]value

C'est plus cross-browser
17/02/2010, 11h58
SpaceFrog

et la FAQ ????

http://javascript.developpez.com/faq/?page=formChamps
17/02/2010, 12h03
E.Bzz

Citation:

Envoyé par SpaceFrog

et la FAQ ????

http://javascript.developpez.com/faq/?page=formChamps

Incomplète sur ce point là ;)

A+
17/02/2010, 12h47
SpaceFrog

et ça ?
http://javascript.developpez.com/faq...amps#valSelect
17/02/2010, 12h48
E.Bzz

Je n'ai pas dit qu'il n'y avait pas la réponse.
Seulement qu'elle était incomplète : il n'y a qu'une des syntaxes possibles ...

A+
17/02/2010, 12h51
SpaceFrog

Oui !
Mais eût-il consulté la FAQ auparavant que ce post n'aurait pas existé ;)
17/02/2010, 13h38
E.Bzz

Citation:

Envoyé par SpaceFrog

Mais eût-il consulté la FAQ auparavant que ce post n'aurait pas existé ;)

Tout à fait d'accord :lol:
17/02/2010, 13h41
mateuil
merci pour les liens, mais est-il possible de faire ça :
Code:

1 2 $zone_pays = 'document.getElementById("pays").options[document.getElementById("pays").selectedIndex].value';
pour pouvoir utiliser la valeur en php ?

Merci
17/02/2010, 13h45
E.Bzz

Citation:

Envoyé par mateuil

pour pouvoir utiliser la valeur en php ?

Non, pour pouvoir l'utiliser en PHP, il faut que tu envoies le choix de l'utilisateur au serveur.
Soit en soumettant un form, soit en passant par Ajax ...

A+
17/02/2010, 14h01
SpaceFrog

javascript ne comprend pas le php et php ne comprend pas le javascript

imagine que ce sont deux langue différente parlées dans deux pièces différentes ...

Tu auras beau cirer du php aussi fort que tu veux dans la pièce javascript (coté client) il ne se passera rien
17/02/2010, 14h22
mateuil

ok, je commence à comprendre, par contre, même en rechargeant la page, je ne vois pas comment donner la nouvelle valeur au select et surtout comment récupérer l'index par exemple dans une variable. Si quelqu'un aurais un petit script svp, je suis pas très doué en Javascript. Merci d'avance
17/02/2010, 14h53
E.Bzz

Citation:

Envoyé par mateuil

Si quelqu'un aurais un petit script svp,

On va faire autrement :mrgreen:

Tu essayes d'écrire ton script, et quand tu es bloqué tu nous dis où, et on essaye de t'aider ;)

A+
17/02/2010, 14h54
SpaceFrog

une piste ...
php ne fait que rediger le html

un simple teste coté php et tu ecris le code html

Code:

selected="selected"

là ou il faut ;)
17/02/2010, 15h26
mateuil
Code PHP :

Code:

$buffer ='<option name = "pays" selected="selected" value="'.$id.'" >'.$texte.'</option>';

Code HTML généré

Code:

<select name="country_id" id="country_id" onchange="changePays(document.forms['frmPanier'])"return false;" style="width:150px;"><option name = "pays" value="1" >France Métropolitaine</option><option name = "pays" value="2" >Monaco</option><option name = "pays" value="4" >Allemagne</option><option name = "pays" value="5" >Autriche</option><option name = "pays" value="6" ></select>

javasrcipt:
Code:

1 2 3 4 5 6 function changePays(form) { form.action = "panier.php?update=1"; form.submit(); }
Il me recharge bien ma page seulement, il me laisse toujours le dernier enregistrement de la table en selected
17/02/2010, 15h30
E.Bzz
Oui, mais avec le code généré, tu vois bien que :
1. Dans le onchange, il y a un problème dans les quottes (") lors de la génération ainsi qu'un ";" manquant
2. Tu n'as pas le selected="selected" dans les lignes générées : ton test PHP ne doit pas fonctionner
A+
17/02/2010, 15h36
mateuil

Code:

<select name="country_id" id="country_id" onchange="changePays(document.forms['frmPanier']);" style="width:150px;"><option name = "pays" selected="selected" value="1" >France Métropolitaine</option><option name = "pays" selected="selected" value="2" >Monaco</option><option name = "pays" selected="selected" value="4" >Allemagne</option><option name = "pays" selected="selected" value="5" >Autriche</option><option name = "pays" selected="selected" value="6" >Danemark</option><option name = "pays" selected="selected" value="7" >Espagne</option></select>

Après modif ...
17/02/2010, 15h43
E.Bzz

Plus de problème de syntaxe, mais ton selected="selected" est présent sur toutes les lignes : ton test PHP ne fonctionne toujours pas.
Par contre, tu peux enlever le name des options : ça ne sert pas ;)

A+
17/02/2010, 15h44
E.Bzz

Une question certainement bête : pourquoi gérer un onchange sur le select ?
Il suffirait de récupérer (côté PHP) la value du select quand tu traites ton form (sous réserve qu'il soit inclus dans le formulaire) ...

A+
17/02/2010, 15h45
mateuil

c'est normal que le selected est présent sur toutes les lignes car il faut bien que je le mette dans le option value? Et vu que les lignes sont créer dynamiquement, chaque ligne prend la propriété selected ..., non?
17/02/2010, 15h47
mateuil

en fait, ce code est utiliser pour un panier, et la liste de choix permet de choisir le pays dans le quel sera livré le colis, et a afficher dinamiquement le frais de port, sans changer de page
17/02/2010, 15h51
E.Bzz
Citation:

Envoyé par mateuil

c'est normal que le selected est présent sur toutes les lignes car il faut bien que je le mette dans le option value? Et vu que les lignes sont créer dynamiquement, chaque ligne prend la propriété selected ..., non?

Heu ... dis comme ça oui, mais c'est plus compliqué :calim2:

Si tu les mets partout, c'est comme ... s'il n'y en avait aucun (ici selected = "la ligne sélectionnée").

Je résume :
1. l'utilisateur fait un choix dans la liste
2. le formulaire est envoyé au serveur
3. le serveur génères une nouvelle page (éventuellement la même) avec la bonne valeur sélectionnée
Dans ton PHP, il faut que, en 3), tu récupères la valeur choisie en 1)
Dans ta boucle des options, tu testes si la value de l'option en cours d'ajout est égale à celle récupérée.
Si c'est le cas tu génères (en plus du reste) le selected="selected" pour la nouvelle option.
Dans les autres cas tu génères l'option sans le selected="selected"

A+
17/02/2010, 15h52
E.Bzz

Citation:

Envoyé par mateuil

afficher dinamiquement le frais de port, sans changer de page

8O

Ah parce que tu utilises Ajax là-dedans ? :aie:

A+
17/02/2010, 15h58
andry.aime

Re,
FAQ :arrow: Comment conserver la sélection d'un menu déroulant après une soumission ?
18/02/2010, 16h19
Gatsu35
Citation:

Envoyé par andry.aime

Re,
FAQ :arrow: Comment conserver la sélection d'un menu déroulant après une soumission ?

Juste pour dire que la seule et unique méthode qu'on doit retenir pour récupérer le value d'un select est :
Code:

1 2 select.value
l'ancienne méthode
Code:

1 2 select.options[select.selectedIndex].value
est faite pour les tres tres vieux browsers (IE 5.0 et inférieurs) donc vous pouvez l'oublier.
18/02/2010, 16h23
E.Bzz
Citation:
Envoyé par Gatsu35

Juste pour dire que la seule et unique méthode qu'on doit retenir pour récupérer le value d'un select est :

Code:

1 2 select.value
Tu utilises celle que tu veux, mais ce n'est pas une raison pour dire des contre-vérités : les deux sont tout à fait valables et valides :roll:

A+
18/02/2010, 18h19
Gatsu35

Citation:

Envoyé par E.Bzz

Tu utilises celle que tu veux, mais ce n'est pas une raison pour dire des contre-vérités : les deux sont tout à fait valables et valides :roll:

A+

Je n'ai jamais dit le contraire :)

Fuseau horaire GMT +2. Il est actuellement 01h54.