Easy-Micro


LANGAGE Script JavaScript
Menu déroulant

Script de menu déroulant

Exemple JavaScript Exemple de menu déroulant



Script en deux parties, une dans le head et l'autre dans le body du document.
Le script complet ci-dessous récupère les données du menu et les écrit dans le corps du document.
<html>
<head>
<script>
/* -- www.easy-micro.org -- */
<!--
function ecrire() {
window.document.form1.service2.value = window.document.form1.service1.value;
document.form1.service2.style.display="inline";
document.form1.service2.disabled="true";
if (document.form1.service2.value == "") {
document.form1.service2.style.display="none"; }
}
//-->
</script>
</head>
<body>
<form action="" method="post" name="form1">
<select name="service1" onchange="ecrire()" />
<option value="">Sélectionnez votre service:</option>
<option value="Achat">Achat</option>
<option value="Production">Production</option>
<option value="DRH">DRH</option>
<option value="Finance">Finance</option>
</select>
<input type="text" name="service2" style="display:none;" /></form>
</body>
</html>

Explication
Il existe, dans l'exemple ci-dessus, deux champs:
Une liste déroulante (service1) bien visible et une zone de texte (service2) rendu invisible - au départ - par l'attribut: style="display:none;". Cette liste déroulante apparaitra via le code de la fonction "ecrire()" : service2.style.display="inline";
La fonction "ecrire()" est lancée avec la syntaxe: onchange="ecrire()".
La ligne "window.document.form1.service1.value" se traduit par:
La valeur du champ service1 du formulaire "form1" de ce document de cette fenêtre.


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