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

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

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 jQueryQCM 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

Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *