JavaScript ist eine Sprache, die häufig verwendet wird , um Benutzeroberflächen dynamisch verändern . Mit JavaScript können Web-Entwickler Zugriff auf die Elemente , die Teil der HTML Document Object Model sind , direkt zu identifizieren , zu bewerten und die Manipulation der Elemente, die HTML-Seiten umfassen . HTML DOM-Elemente sind einfach HTML-Elemente und haben eine Vielzahl von Attributen in der Regel zur Verfügung. Diese Attribute , einschließlich Sichtbarkeit Attribute , können ihre Werte dynamisch geändert , hinzugefügt oder gelöscht werden basierend auf Aktionen durch den Endverbraucher gemacht , wie die Auswahl eines Wertes aus einer Drop -Down-Menü . Anleitung
1

Öffnen Sie einen Text -Editor und erstellen Sie eine neue Textdatei mit dem Namen dropdownHidden.html . Typischerweise wählen Sie " Neu" aus dem Menü "Datei" neue Dateien erstellt .
2

Fügen Sie einige grundlegende HTML-Tags in die Datei , einschließlich einer html-Tag , ein Tag , a < /head> -Tag, ein Tag a -Tag und ein -Tag .
3

Fügen Sie einen offenen -Tag in der Datei. Stellen des Skripts type-Attribut auf "text /javascript ". Jeder Text zwischen diesen beiden Trennzeichen gesetzt wird als JavaScript-Code , wenn die Seite geladen
4

Deklarieren Sie eine JavaScript-Funktion namens " storeVal () " und fügen Sie einen offenen geschweiften Klammer - . { - Und ein schließen geschweiften Klammer -} - , um die Position der Funktion des Körpers zeigen . Die storeVal Funktion hat keine Argumente .
5

Deklarieren Sie eine Variable mit dem Namen " hiddenId " zwischen dem storeVal ()-Funktion ist öffnen und schließen geschweiften Klammern . Verwenden Sie die JavaScript document.getElementById -Methode, um den Standort eines verborgenen Eingabefeld mit der id " hiddenField " abzurufen.
6

Declare eine zweite Variable mit dem Namen " dropDownId " auf der Linie nach dem hiddenId variabel. Verwenden Sie die document.getElementById Methode, um die Lage der Drop-down- Menü, das verwendet werden, um die versteckten Eingabefeld bevölkern werden abzurufen.
7

Declare eine dritte Variable mit dem Namen " selectedElement " auf der Linie , nachdem der dropDownId variabel. Verwenden Sie die dropDownId Bezug auf den Index für das Element aus dem Dropdown-Menü ausgewählt abzurufen.
8

Stellen Sie die " hiddenId " Variable " Wert " auf die " selectedElement " Variable. Fügen Sie diesen Code auf der Linie nach dem selectedElement variabel.
9

erstellen HTML Dropdown-Menü , indem Sie einen tag zwischen und -Tags in dropdownHidden.html . Geben Sie dem tag ein "id" Wert " Dropdown " . Verwenden Sie einen " onClick "-Ereignis , um die storeVal Funktion aufrufen , wenn der Benutzer ein Element aus dem Dropdown-Menü . Weisen Sie einer tag der Menü mit einem Wert von "A". Beschriften Sie die tag "A" und schließen Sie die -Tag . Vergeben Sie einen zweiten tag der Menü mit einem Wert von "B". Beschriften Sie die tag "B" , schließen Sie das -Tag und schließen Sie die -Tag .
10

Fügen Sie ein HTML in die Datei unmittelbar nach dem -Tag . Geben Sie die ein type-Attribut "versteckt" und die id " hiddenField " . Speichern und schließen Sie dropdownHidden.html . DropdownHidden.html erscheint wie unten dargestellt: