Discussion :

[Auteur]

Bonjour,

j'attaque la relecture de la section formulaires de la FAQ. Et pour commencer :


Comment r�cup�rer la valeur d'un select ?
http://javascript.developpez.com/faq...amps#valSelect


Pas grand chose � dire... les modifications ne concernent que la forme :
- suppression du symbole "-->"
- ajout d'une pr�cision dans la question : c'est la valeur d'une option d'un select pas la valeur du select
- petites corrections du code : remplacement des guillemets simples par des guillemets doubles dans getElementById()
- ajout du paragraphe attention et ajout d'un lien vers une autre question de la FAQ (pas pr�sent dans ma correction).

Comment r�cup�rer la valeur d'une option d'un select ?

Ce code est utile pour, par exemple, r�cup�rer la valeur de l'option choisie par l'internaute d'une liste d�roulante select.

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
var valeur;
valeur = document.getElementById("liste").options[document.getElementById('liste').selectedIndex].value;

Pour �viter la r�p�tition du document.getElementById("liste"), on peut �crire :

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
var liste, valeur;
liste = document.getElementById("liste");
valeur = liste.options[liste.selectedIndex].value;

Explications :
document.getElementById("liste") : permet de d�signer la liste en question.
La propri�t� options permet de d�signer une des valeurs de la liste d�roulante. Il s'agit d'un tableau (et poss�de donc toutes les propri�t�s d'un tableau javascript).

Ainsi, pour d�signer le premier �l�ment de la liste, il suffit de faire :

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById("liste").options[0];

Pour conna�tre le nombre d'�l�ments d'une liste :

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById("liste").options.length;

Attention :

• ce code est valable uniquement si l'attribut multiple de la balise select est absent. Pour r�cup�rer les valeurs des options s�lectionn�es voir :
  [url]Comment r�cup�rer les valeurs d'un select multiple ?[/url].
• il faut pr�ciser l'attribut value dans les balises options.

[Bovino]

Bah si pourtant... beaucoup de choses � dire !

La m�thode pr�sent�e est compl�tement obsol�te (depuis au moins IE6).
Cela fait longtemps qu'un simple

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

valeur = document.getElementById("liste").value;

est amplement suffisant quel que soit le navigateur.

[Auteur]

Tu m'apprends quelque chose Du coup, cela va simplifier grandement la Q/R.

J'attends d'autres commentaires et je mettrai � jour mon antique () code.

[Auteur]

Bon finalement je corrige maintenant. Cela simplifie s�rieusement le code.


Proposition de correction :

Comment r�cup�rer la valeur d'une option d'un select ?

Ce code est utile pour, par exemple, r�cup�rer la valeur de l'option choisie par l'internaute d'une liste d�roulante select.

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
var valeur;
valeur = document.getElementById("liste").value;

Attention :

• ce code est valable uniquement si l'attribut multiple de la balise select est absent. Pour r�cup�rer les valeurs des options s�lectionn�es voir :
  [url]Comment r�cup�rer les valeurs d'un select multiple ?[/url].
• il faut pr�ciser l'attribut value dans les balises options.

[NoSmoking]

Pas de remarque.

[Auteur]

Ok, donc discussion pour indiquer que l'on peut la mettre � jour.
pour ta relecture.