Hvordan kode for en Drop-Down Menu i Javascript
Selv om du kan lage drop-down menyer bruker bare HTML, når du legger litt Javascript koding til HTML, kan du legge til flere funksjoner til rullegardinmenyen, inkludert knytte hver av menyelementene til ulike nettadresser. Du bør ha litt HTML kompetanse før du prøver å sette inn en rullegardinmenyen på siden din, men du trenger ikke å ha mye erfaring med Javascript.
Bruksanvisning
1 Logg inn på din webserver og åpne web siden der du wan å inkludere rullegardinmenyen.
2 Klikk i mellom <head> og </ head> taggene på siden.
3 Sett denne Javascript-kode:
<Script language = "javascript" type = "text / javascript">
<! - Skjul
Funksjonen jumpto (x) {
if (document.form1.jumpmenu.value! = "null") {
document.location.href = x
}
}
// End skjul ->
</ Script>
4 Klikk på markøren på det stedet i <body> -delen av siden der du vil sette inn rullegardinmenyen.
5 Sett inn denne koden:
<Form name = "Form1">
<Velg name = "jumpmenu" onChange="jumpto(document.form1.jumpmenu.options[document.form1.jumpmenu.options.selectedIndex].value)">
<Alternativ> Gå til ... </ option>
<Option value = Page "rel =" nofollow "target =" _blank "> http://www.webpage.com/page1> Side 1 </ option>
<Option value = Page "rel =" nofollow "target =" _blank "> http://www.webpage.com/page2> Side 2 </ option>
<Option value = Page "rel =" nofollow "target =" _blank "> http://www.webpage.com/page3> Side 3 </ option>
<Option value = Page "rel =" nofollow "target =" _blank "> http://www.webpage.com/page4> Side 4 </ option>
<Option value = Page "rel =" nofollow "target =" _blank "> http://www.webpage.com/page5> Side 5 </ option>
</ Velge>
</ Form>
6 Erstatt hvert menyelement (ie. Side 1, side 2, osv) med selve teksten du vil skal vises i rullegardinmenyen. Endre den medfølgende nettadressen i hver linje med nettadressen du vil åpne når en bruker klikker på et menyelement.
7 Publiser siden.