Hvordan vise en undermeny Over en Dropdown i Javascript

Ved hjelp av en HTML-tabell og Javascript, kan du opprette en undermeny over en rullegardinlisten kontroll i nettskjemaer. Undermenyen viser lenker til andre sider på nettstedet ditt, slik at brukeren kan navigere til en annen side før du velger en verdi i rullegardinlisten. Javascript bruker tabellens "id" attributter å skrive linkene til undermenyen. Du bruker dette attributtet egenskapen til dynamisk legge undermenypunktene til bordet for å vise verdiene når siden åpnes i nettleseren.

Bruksanvisning

1 Åpne din foretrukne HTML editor og åpne HTML-siden du vil redigere med Javascript-kode.

2 Lag bordet av elementer over nedtrekkslisten. Du kan sette opp en tabell som har standardinnstillinger eller forlate bordet elementene tomt med bare Javascript-kode for å fylle ut data. Følgende kode oppretter to menyelementer:

<Table> <tr>
<Td id = "firstitem"> </ td> <td id = "seconditem"> </ td>
</ Tr> </ table>

3 Legg til Javascript-kode som legger menyelementene til tabellelementer. Følgende kode legger "Art.1" og "ITEM2" for å undermenyen:

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

Bytt ut de koblede sidene og teksten med din egen.

4 Lagre endringene og åpne siden i nettleseren din for å teste den nye koden. Klikk på lenkene i undermenyen for å kontrollere at de fungerer ordentlig.