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

Article précédent： Pourquoi sont Java Strings Immuable
Article suivant： Comment formater la largeur des flotteurs en Java