Nwlapcug.com


Come visualizzare un sottomenu in un controllo Dropdownlist in JavaScript

Utilizzando una tabella HTML e JavaScript, è possibile creare un sottomenu nel corso di un controllo elenco a discesa nei moduli Web. Il sottomenu Visualizza i collegamenti ad altre pagine sul tuo sito Web, così l'utente può spostarsi a un'altra pagina prima di selezionare un valore nell'elenco a discesa. JavaScript utilizza attributi "id" della tabella di scrivere il link al sottomenu. Questa proprietà di attributo consente di aggiungere dinamicamente voci di sottomenu alla tabella per visualizzare i valori quando la pagina viene visualizzata nel browser.

Istruzioni

1

Aprite il vostro editor HTML preferito e aprire la pagina HTML che si desidera modificare con il codice JavaScript.

2

Creare la tabella degli elementi sopra l'elenco a discesa. Puoi impostare una tabella che dispone di impostazioni predefinite o lasciare gli elementi di tabella vuota con solo il codice JavaScript per popolare i dati. Il codice seguente crea due voci di menu:

< tabella >< tr >
< id td = "firstitem" >< /td >< id td = "seconditem" >< /td >
< /tr >< / tabella >

3

Aggiungere il codice JavaScript che aggiunge le voci di menu per gli elementi della tabella. Il codice seguente aggiunge "Item1" e "Item2" al sottomenu:

item1 var = getElementById("firstitem");
Item1.InnerHtml = "< un href='page1.php'> voce 1 < /a >";
item2 var = getElementById("seconditem");
Item2.InnerHtml = "< un href='page2.php'> voce 2 < /a >";

Sostituire il testo e le pagine collegate con i tuoi.

4

Salvare le modifiche e aprire la pagina nel browser per testare il nuovo codice. Fare clic sui collegamenti nel sottomenu per verificare che funzionino correttamente.