Wie ein Untermenü über eine Dropdownlist in JavaScript angezeigt

Eine HTML-Tabelle und JavaScript verwenden, können Sie ein Untermenü über ein Dropdown-Listenfeld-Steuerelement in Ihrer Web-Formulare erstellen. Das Untermenü zeigt Links zu anderen Seiten auf Ihrer Website, so dass der Benutzer zu einer anderen Seite navigieren kann, bevor Sie einen Wert in der Dropdown-Liste auswählen. JavaScript verwendet die Tabelle "Id" Attribute, um die Links in das Untermenü zu schreiben. Sie verwenden dieses Attributeigenschaft dynamisch hinzufügen Untermenüpunkte der Tabelle Werte angezeigt, wenn die Seite im Browser geöffnet.

Anweisungen

1 Öffnen Sie Ihren bevorzugten HTML-Editor, und öffnen Sie die HTML-Seite, die Sie mit der JavaScript-Code bearbeiten möchten.

2 Erstellen Sie die Tabelle der Elemente über die Dropdown-Liste. Sie können eine Tabelle mit Standardeinstellungen einrichten oder freilassen der Tabellenelemente mit den JavaScript-Code um die Daten zu füllen. Der folgende Code erstellt zwei Menüpunkte:

< Tabelle >< tr >< td Id = "Firstitem" >< / >< TD td Id = "Seconditem" >< / td ></tr >< / Tabelle >

3 Fügen Sie den JavaScript-Code, der die Tabellenelemente Menüelemente hinzufügt. Der folgende Code fügt "Item1" und "Item2" in das Untermenü:

Var item1 = getElementById("firstitem");item1.innerHTML = "< a href='page1.php" > Posten 1 </a > ";Var item2 = getElementById("seconditem");item2.innerHTML = "< a href='page2.php" > Punkt 2 </a > ";

Die verlinkten Seiten und den Text durch eigene zu ersetzen.

4 Speichern Sie die Änderungen, und öffnen Sie die Seite in Ihrem Browser zum Testen des neuen Codes. Klicken Sie Links im Untermenü zu überprüfen, ob sie ordnungsgemäß funktionieren.