Gå til innhold

<option value> velge i rullegardinmeny

ictys

Av ictys
i Programmering og webutvikling

Anbefalte innlegg

ictys

ictys

Skrevet
Skrevet

Hvis jeg skal lage en sånn option value sak der de påfølgende feltene er avhengig av valgene i de første feltene uten å måtte skifte side. Hvordan gjør man det?

 

Feks første felt - velg land. Så velger du Norge. I andre felt så får du da opp en liste over alle fylker i Norge, så i tredje felt får du opp alle kommuner i det fylket du har valgt også i neste felt alle byer i fylke.

 

Det blir sikkert sykt mye koding, men hvordan gjøre man det? If og else?

 

Noen som gidder lage ett enkelt eksempel til meg?

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
evg

evg

Skrevet
Skrevet (endret)

Dersom du vil løse problemet med javascript er dette en mulighet:

 

<html>
<head>
<script type="text/javascript">
function bytt(){
var s1 = document.getElementById("s1");
var s2 = document.getElementById("s2");

if(s2.disabled == true){
	var f = document.getElementById("fjernMeg");
	f.parentNode.removeChild(f);
}
s2.innerHTML = ""; //fjerner valgene som er i s2 fra før

switch(s1.value){
	case "a":
		leggTil(s2, "a1");
		leggTil(s2, "a1");			
		break;
	case "b":
		leggTil(s2, "b1");
		leggTil(s2, "b2");
		leggTil(s2, "b3");
		break;
	case "c":
		leggTil(s2, "c1");
		leggTil(s2, "c2");
		break;
	default:break;
}
s2.disabled = false;
}
function leggTil(sel, verdi){
var t = document.createElement('option');
t.text = t.value = verdi;

try{ sel.add(t,null); }
catch(ex){ sel.add(t); } 
}

</script>
</head>

<body>
<form action="">
 <select id="s1" onChange="bytt()">
 	<option id = "fjernMeg" selected></option>
   <option value="a">a</option>
   <option value="b">b</option>
   <option value="c">c</option>
 </select>

 <select id="s2" disabled="true">
   <option value="velg">velg bokstav først</option>
 </select>
</form>

</body>

</html>

 

Metoden bytt(), som forandrer dropdown-valgene i select nr 2, aktiveres når verdien i select nr 1 forandres.

Metoden sjekker den nye verdien på select nr 1 og danner valgene til select nr 2 ut ifra dette...

 

Håper dette hjelper

Endret av evg
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
×
×
  • Opprett ny...