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.