javascript

Récupérer la valeur d'un select

Comment récupérer la valeur d'un select

select javascript, javascript select, recuperer select javascript, javascript recuperer select, select recuperer valeur, javascript recuperer valeur select option, html select option javascript, recuperer value select, getelementbyid select, select valeur, html select javascript, valeur d un select, js select value, html select recuperer, comment recuperer un select

Date de publication : 2008-11-27

Comment récupérer la valeur d'un select ? Une question courante pour les débutants en javascript donc voici un fonction qui, je l'espère, en aidera plus d'un.

Nouvelle version de getSelectValue : Récupérer la valeur d'un select multiple et normal

Tout d'abord le code HTML :


<!-- La chose importante ici et de ne pas oublier de mettre l'attribut id sur son select :D-->
<select id="identifiantDeMonSelect">
<option value="1">Valeur 1</option>
<option value="2">Valeur 1</option>
</select>

La fonction en mode "compréhensible" :


/**Retourne la valeur du select selectId*/
function getSelectValue(selectId)
{
	/**On récupère l'élement html <select>*/
	var selectElmt = document.getElementById(selectId);
	/**
	selectElmt.options correspond au tableau des balises <option> du select
	selectElmt.selectedIndex correspond à l'index du tableau options qui est actuellement sélectionné
	*/
	return selectElmt.options[selectElmt.selectedIndex].value;
}

Utilisation de la fonction :


var selectValue = getSelectValue('identifiantDeMonSelect');

La même chose en mode "gros cochon" :


var selectValue = document.getElementById('identifiantDeMonSelect').options[document.getElementById('identifiantDeMonSelect').selectedIndex].value;

Bon gros cochon ou pas il existe beaucoup de variantes pour faire la même chose donc à vous de trouver celle qui vous convient le mieux.

 
 

b1n@sp1n