javascript

Récupérer la valeur d'un select

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

select javascript, javascript select, select recuperer javascript, recuperer select javascript, javascript recuperer select, recuperer select value, select recuperer value, select valeur, html select recuperer, javascript html select javascript recuperer valeur, select recuperer valeur, select option value, js select, recuperer valeur select js, html valeur select

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