Gå til innhold

Sammenkoblete Drop-Down lister i ren HTML, er dette mulig?


Anbefalte innlegg

Er det mulig å lage to "samenkoblete" Drop-Down lister i ren HTML? Skal klargjøre det med et eksempel. Skal ha to lister, en som velger land, og en som velger by. Når brukeren velger et land fra den ene listen, skal den andre listen bli fylt med byer fra dette landet. Kan dette gjøres uten bruk av javascript eller dynamisk-HTML?

 

Takker for svar

Lenke til kommentar
Videoannonse
Annonse

Ja, det er mogleg, men da må du ha to forms, der den første blir sendt når du velg land, og så sender servaren lista over byar attende til den andre select-lista. Altså i praksis to forespørslar til servar.

 

Og det kan i mange tilfelle vere greit, f.eks om du har 190 land, så ville det bli ganske mykje data å sende over liste over alle byane i alle landa med ein gong.

Lenke til kommentar
Ja, det er mogleg, men da må du ha to forms, der den første blir sendt når du velg land, og så sender servaren lista over byar attende til den andre select-lista. Altså i praksis to forespørslar til servar.

 

Og det kan i mange tilfelle vere greit, f.eks om du har 190 land, så ville det bli ganske mykje data å sende over liste over alle byane i alle landa med ein gong.

 

Vil gjerne at brukeren slipper å trykke på en knapp etter land er valgt. Vil det være mulig å sende valgt land til server automatisk etter et land er valgt fra drop down lista, eller må jeg ha en submit knapp?

Lenke til kommentar

Du kan gjere det automatisk vha. onChange().

F.eks noko slikt:

 


<form action="sendhit.php" name="form1" method="GET">

<select onChange="document.form1.submit()" name="land">

<option>Afghanistan</option>

<option>Andorra</option>

</select>

</form>

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å
×
×
  • Opprett ny...