Comment récupérer la valeur d’un select avec jQuery

juillet 1, 2019février 10, 2020 Amine KOUIS Aucun commentaire

Vous pouvez utiliser le sélecteur :selected de jQuery en combinaison avec la méthode val() pour chercher la valeur de l’option sélectionnée dans une liste déroulante. Voici un exemple:

Code source :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Récupérer la valeur d'un select avec jQuery</title>
		<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
		<script type="text/javascript">
		$(document).ready(function(){
			$("select.langage").change(function(){
				var langage = $(this).children("option:selected").val();
				alert("Vous avez sélectionné le langage : " + langage);
			});
		});
		</script>
	</head> 
	<body>
		<form>
			<label>Sélectionner un langage:</label>
			<select class="langage">
				<option value="java">Java</option>
				<option value="php">PHP</option>
				<option value="python">Python</option>
			</select>
		</form>
	</body>
</html>

Résultat
Sélectionner un langage:

Si la valeur d’une option n’est pas définie, le texte de l’élément <option> sera utilisé en tant que valeur.
QCM jQuery – Partie 1QCM sur jQuery avec des réponses pour la préparation des test techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus