Script JavaScriptListe déroulante
Rendre une liste déroulante obligatoire
Exemple de liste déroulante
Voici le code complet:
<html><head>
<script type="text/javascript">
/* --- www.easy-micro.org --- */
<!--
function valider_listederoulante() {
// si aucun items n'est sélectionné:
if( document.form1.maliste.selectedIndex == false) {
// afficher message:
alert("Veuillez sélectionner un élément");
// et ne pas envoyer le formulaire:
return false;
}
}
//-->
</script>
</head>
<body>
<form name="form1" action="" onsubmit="return valider_listederoulante();">
<select name="maliste">
<option selected> Choisissez un langage Web</option>
<option name="choix1" value="HTML">HTML</option>
<option name="choix2" value="CSS">CSS</option></select><br />
<input type="submit" value="Envoyer" /></form>
</body></html>
<script type="text/javascript">
/* --- www.easy-micro.org --- */
<!--
function valider_listederoulante() {
// si aucun items n'est sélectionné:
if( document.form1.maliste.selectedIndex == false) {
// afficher message:
alert("Veuillez sélectionner un élément");
// et ne pas envoyer le formulaire:
return false;
}
}
//-->
</script>
</head>
<body>
<form name="form1" action="" onsubmit="return valider_listederoulante();">
<select name="maliste">
<option selected> Choisissez un langage Web</option>
<option name="choix1" value="HTML">HTML</option>
<option name="choix2" value="CSS">CSS</option></select><br />
<input type="submit" value="Envoyer" /></form>
</body></html>
Note : si vous voulez que votre menu déroulant ce déclanche automatiquement, rajoutez un onChange dans votre balise SELECT comme ceci : onchange="this.form.submit();"
