Easy-Micro


LANGAGE Script JavaScript
Liste 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>

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();"


Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Mardi 23 juillet 2019 - Semaine 30 - Sainte Brigitte (Demain: Sainte Christine)
Aujourd'hui, c'est l'anniversaire de Daniel Radcliffe (1989-30 ans), acteur britannique (Harry Potter). Autre 23 juillet: 1983 - Atterrissage forcé sans moteur du vol 143 Air Canada, surnommé le Planeur de Gimli.
Haut de page Easy-Micro