Avatar billede jochke Nybegynder
18. februar 2003 - 16:17 Der er 7 kommentarer og
1 løsning

Hjælp til lidt flere dropdown menuer.

Hejsa.
Jeg vil gerne have flere dropdownmenuer på en side, og når man vælger et punkt, skal den gå til den pågeldene side. Men hvordan gør jeg når jeg har flere menuer på en side? Jeg har følgende kode jeg har lånt:

Scriptet:
<script language="JavaScript">
function surfto(form)
{     
var myindex=form.select1.selectedIndex
if (form.select1.options[myindex].value != "0")
  {
  window.open(form.select1.options[myindex].value, target="_top");
  }
}
</script>

Og så dropdown menuerne:

<FORM name="form1">
<SELECT NAME="select1" onChange="surfto(this.form)" size="1">
<OPTION VALUE="#">Vælg et link...</OPTION>
<OPTION VALUE="http://www.jubii.dk">Jubii</OPTION>
<OPTION VALUE="http://www.comon.dk">Comon</OPTION>
</FORM>

Dropdown 2

<FORM name="form2">
<SELECT NAME="select1" onChange="surfto(this.form)" size="1">
<OPTION VALUE="#">Vælg et link...</OPTION>
<OPTION VALUE="http://www.eksperten.dk">Eksperten</OPTION>
<OPTION VALUE="http://www.telmore.dk">Telmore</OPTION>
</FORM>

osv... der skal være plads til flere dropdown menuer.
Avatar billede ahv Nybegynder
18. februar 2003 - 16:26 #1
Håber du her kan se systemet:

<head>
<script language="JavaScript">
function surfto(form)
{
var myindex=form.select1.selectedIndex
if (form.select1.options[myindex].value != "0")
{
window.open(form.select1.options[myindex].value, target="_top");
}
}

function surfto2(form)
{
var myindex=form.select2.selectedIndex
if (form.select2.options[myindex].value != "0")
{
window.open(form.select2.options[myindex].value, target="_top");
}
}
</script>
</head>

<body>

<FORM name="form1">
<SELECT NAME="select1" onChange="surfto(this.form)" size="1">
<OPTION VALUE="#">Vælg et link...</OPTION>
<OPTION VALUE="http://www.jubii.dk">Jubii</OPTION>
<OPTION VALUE="http://www.comon.dk">Comon</OPTION>
</SELECT>
</FORM>

<FORM name="form2">
<SELECT NAME="select2" onChange="surfto2(this.form)" size="1">
<OPTION VALUE="#">Vælg et link...</OPTION>
<OPTION VALUE="http://www.jubii.dk">Jubii</OPTION>
<OPTION VALUE="http://www.comon.dk">Comon</OPTION>
</SELECT>
Avatar billede ahv Nybegynder
18. februar 2003 - 16:29 #2
Eller en kortere metode er:

<head>
<script language="JavaScript">
function surfto(form)
{
var myindex=form.select1.selectedIndex
if (form.select1.options[myindex].value != "0")
{
window.open(form.select1.options[myindex].value, target="_top");
}
}
</script>
</head>

<body>

<FORM name="form1">
<SELECT NAME="select1" onChange="surfto(this.form)" size="1">
<OPTION VALUE="#">Vælg et link...</OPTION>
<OPTION VALUE="http://www.jubii.dk">Jubii</OPTION>
<OPTION VALUE="http://www.comon.dk">Comon</OPTION>
</SELECT>
</FORM>

<FORM name="form2">
<SELECT NAME="select1" onChange="surfto(this.form)" size="1">
<OPTION VALUE="#">Vælg et link...</OPTION>
<OPTION VALUE="http://www.jubii.dk">Jubii</OPTION>
<OPTION VALUE="http://www.comon.dk">Comon</OPTION>
</SELECT>

<FORM name="form3">
<SELECT NAME="select1" onChange="surfto(this.form)" size="1">
<OPTION VALUE="#">Vælg et link...</OPTION>
<OPTION VALUE="http://www.jubii.dk">Jubii</OPTION>
<OPTION VALUE="http://www.comon.dk">Comon</OPTION>
</SELECT>

<FORM name="form4">
<SELECT NAME="select1" onChange="surfto(this.form)" size="1">
<OPTION VALUE="#">Vælg et link...</OPTION>
<OPTION VALUE="http://www.jubii.dk">Jubii</OPTION>
<OPTION VALUE="http://www.comon.dk">Comon</OPTION>
</SELECT>
Avatar billede jochke Nybegynder
18. februar 2003 - 17:25 #3
Det virker kun på den første dropdownbox. Jeg får fejlen:
select1.options is null or not an object
Avatar billede ahv Nybegynder
18. februar 2003 - 17:30 #4
Eller en kortere metode er:

<head>
<script language="JavaScript">
function surfto(form)
{
var myindex=form.select1.selectedIndex
if (form.select1.options[myindex].value != "0")
{
window.open(form.select1.options[myindex].value, target="_top");
}
}
</script>
</head>

<body>

<FORM name="form1">
<SELECT NAME="select1" onChange="surfto(this.form)" size="1">
<OPTION VALUE="#">Vælg et link...</OPTION>
<OPTION VALUE="http://www.jubii.dk">Jubii</OPTION>
<OPTION VALUE="http://www.comon.dk">Comon</OPTION>
</SELECT>
</FORM>

<FORM name="form2">
<SELECT NAME="select1" onChange="surfto(this.form)" size="1">
<OPTION VALUE="#">Vælg et link...</OPTION>
<OPTION VALUE="http://www.jubii.dk">Jubii</OPTION>
<OPTION VALUE="http://www.comon.dk">Comon</OPTION>
</SELECT>
</FORM>

<FORM name="form3">
<SELECT NAME="select1" onChange="surfto(this.form)" size="1">
<OPTION VALUE="#">Vælg et link...</OPTION>
<OPTION VALUE="http://www.jubii.dk">Jubii</OPTION>
<OPTION VALUE="http://www.comon.dk">Comon</OPTION>
</SELECT>

<FORM name="form4">
<SELECT NAME="select1" onChange="surfto(this.form)" size="1">
<OPTION VALUE="#">Vælg et link...</OPTION>
<OPTION VALUE="http://www.jubii.dk">Jubii</OPTION>
<OPTION VALUE="http://www.comon.dk">Comon</OPTION>
</SELECT>
</FORM>


Prøv dette.
Avatar billede ahv Nybegynder
18. februar 2003 - 17:31 #5
argh:

<head>
<script language="JavaScript">
function surfto(form)
{
var myindex=form.select1.selectedIndex
if (form.select1.options[myindex].value != "0")
{
window.open(form.select1.options[myindex].value, target="_top");
}
}
</script>
</head>

<body>

<FORM name="form1">
<SELECT NAME="select1" onChange="surfto(this.form)" size="1">
<OPTION VALUE="#">Vælg et link...</OPTION>
<OPTION VALUE="http://www.jubii.dk">Jubii</OPTION>
<OPTION VALUE="http://www.comon.dk">Comon</OPTION>
</SELECT>
</FORM>

<FORM name="form2">
<SELECT NAME="select1" onChange="surfto(this.form)" size="1">
<OPTION VALUE="#">Vælg et link...</OPTION>
<OPTION VALUE="http://www.jubii.dk">Jubii</OPTION>
<OPTION VALUE="http://www.comon.dk">Comon</OPTION>
</SELECT>
</FORM>

<FORM name="form3">
<SELECT NAME="select1" onChange="surfto(this.form)" size="1">
<OPTION VALUE="#">Vælg et link...</OPTION>
<OPTION VALUE="http://www.jubii.dk">Jubii</OPTION>
<OPTION VALUE="http://www.comon.dk">Comon</OPTION>
</SELECT>
</FORM>

<FORM name="form4">
<SELECT NAME="select1" onChange="surfto(this.form)" size="1">
<OPTION VALUE="#">Vælg et link...</OPTION>
<OPTION VALUE="http://www.jubii.dk">Jubii</OPTION>
<OPTION VALUE="http://www.comon.dk">Comon</OPTION>
</SELECT>
</FORM>
Avatar billede jochke Nybegynder
18. februar 2003 - 17:33 #6
Hmm kan da umiddelbart ikke se nogen forskel i koden.
Avatar billede ahv Nybegynder
18. februar 2003 - 17:34 #7
Avatar billede jochke Nybegynder
18. februar 2003 - 17:34 #8
Men det virker... takker. :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester