Gå til innhold

Dropdown box som automatisk oppdater siden

_TT_

Anbefalte innlegg

_TT_

_TT_

Skrevet
Skrevet

Eg har sett at andre har dropdown box'er der siden oppdateres med en gang du velger et alternativ, og du trenger ikke trykke på knappen i form'et.

 

Noen som kan fortelle meg hvordan man lager en slik?

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
pgdx

pgdx

Skrevet
Skrevet (endret)

Hvis du hadde dradd øynene dine ned 5 cm, så hadde du sett at det var en slik rett under posten din.

 

View source, voila! :D

 

JavaScript for alle penga, eller? :no:

 

 

 

Edit: Må bare legge til at jeg misliker det sterk! Jeg mener det alltid bør være en submit-knapp der.

Endret av Toolshed
Lenke til kommentar
phanti

phanti

Skrevet
Skrevet

Vil anbefale deg å Google litt, for det finnes flust av tutorials osv på nettet om javascript. Bare se her.

 

For andre som lurer så viser dette hvordan det kan gjøres

<html>
<head><title></title>
</head>
<body>
<form action="../">
<select onchange="window.open(this.options[this.selectedIndex].value,'_top')">
   <option value="">Choose a destination...</option>
   <option value="http://www.yahoo.com/">YAHOO</option>
   <option value="http://www.google.com/">GOOGLE</option>
   <option value="http://www.altavista.com/">ALTAVISTA</option>
   <option value="http://www.amazon.com/">AMAZON</option>
   <option value="http://artlung.com/">ARTLUNG</option>
</select>
</form>
</body>
</html>

Lenke til kommentar
pgdx

pgdx

Skrevet
Skrevet (endret)

For å gjøre det litt mer spennende:

<html>
<head><title></title>
</head>
<body>
<form action="../">
<select onchange="window.open(this.options[this.selectedIndex].value,'_top')">
<option value="">Choose a destination...</option>
   <option value="http://www.artlung.com/">YAHOO</option>
   <option value="http://www.altavista.com/">GOOGLE</option>
   <option value="http://www.yahoo.com/">ALTAVISTA</option>
   <option value="http://www.amazon.com/">AMAZON</option>
   <option value="http://google.com/">ARTLUNG</option>
   <option value="http://goatse.cx/">KVASIR</option>
</select>
</form>
</body>
</html>

Endret av Toolshed
Lenke til kommentar
cfenzo

cfenzo

Skrevet
Skrevet (endret)

var Toolshed sin kode jeg tenkte på... (din har det jo ikke i sin..)

 

<span> = 7.5.4 Grouping elements: the DIV and SPAN elements

 

og det har ingenting i en <option> eller <select> tag å gjøre..

INGEN tag skal brukes I en ende-tag, slik span ble brukt på eksempelet til toolshed.. så... whyyy?

 

 

edit> LOL`?

 

tror ikke quote-biten til forumet er helt god... ikke på HTML ihvertfall... :ermm:

Endret av cfenzo
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...