JavaScript est un langage qui est largement utilisé pour modifier dynamiquement des interfaces utilisateur . Utilisation de JavaScript , les développeurs Web peuvent accéder aux éléments qui font partie du modèle objet de document HTML, identifier directement , d'évaluer et de manipuler les éléments qui composent les pages HTML . Éléments DOM HTML sont simplement des éléments HTML et ont une variété d'attributs généralement disponibles. Ces attributs , y compris les attributs de visibilité , peuvent avoir leurs valeurs modifiées de façon dynamique, ajoutés ou supprimés en fonction des mesures prises par l'utilisateur final , comme la sélection d'une valeur dans un menu déroulant. Instructions
1

Ouvrez un éditeur de texte et créez un nouveau fichier texte nommé dropdownHidden.html . En règle générale, sélectionnez " Nouveau" dans le menu "Fichier " crée de nouveaux fichiers .
2

Ajouter des balises HTML de base pour le fichier , y compris une balise , une balise , a , une balise body , une balise et un .
3

Ajouter un close tag pour le fichier . Réglez l' attribut type du script de "text /javascript ". Tout texte placé entre ces deux délimiteurs sera considéré comme du code JavaScript chargement de la page
4

déclarer une fonction JavaScript nommée " storeVal ()" et ajouter une accolade ouvrante - . { - Et un fermer accolade -} - pour indiquer l'emplacement du corps de la fonction. La fonction storeVal prend aucun argument.
5

déclarer une variable nommée " hiddenId " entre le storeVal ( ) la fonction ouvrir et fermer les accolades . Utilisez la méthode document.getElementById JavaScript pour récupérer l'emplacement d'un champ caché avec l' id " hiddenField " .
6

déclarer une seconde variable nommée " dropDownId " sur la ligne après la variable hiddenId . Utilisez la méthode document.getElementById pour récupérer l'emplacement du menu déroulant qui sera utilisée pour remplir le champ caché .
7

déclarer une troisième variable nommée " selectedElement " sur la ligne après le dropDownId variables . Utilisez la référence dropDownId pour récupérer l'index de l'élément sélectionné dans le menu déroulant.
8

Définir la «valeur» de la « hiddenId " variable à la variable " selectedElement " . Ajouter ce code sur la ligne après la variable selectedElement .
9

Créer un menu déroulant HTML en plaçant une balise entre le body et dans dropdownHidden.html . Donnez le tag une valeur " id" de " déroulant" . Utilisez un événement " onClick " pour appeler la fonction storeVal lorsque l'utilisateur sélectionne un élément dans le menu déroulant. Attribuer une étiquette de au menu avec une valeur de "A". Etiqueter le tag "A" et fermer la balise tag . Attribuer un second tag au menu avec une valeur de "B". Étiquette le tag «B» , fermez le et fermer le tag .
10

Ajouter un tag HTML au fichier immédiatement après la balise tag . Donnez le tag un attribut de type «caché» et l'id " hiddenField " . Enregistrer et fermer dropdownHidden.html . DropdownHidden.html apparaît comme indiqué ci-dessous: