<option value> velge i rullegardinmeny

ictys · 3. oktober 2007

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?

Runar0 · 3. oktober 2007

Det må du nok bruke javascript til og eventuelt ajax. Prøv og søk litt rundt på nettet, du finner kanskje noe i javascript forumet her på diskusjon og

ZoRaC · 3. oktober 2007

Her er det kanskje noe du kan bruke:

http://www.codestore.net/store.nsf/unid/DF...6V?OpenDocument

ictys · 4. oktober 2007

Her er det kanskje noe du kan bruke:
http://www.codestore.net/store.nsf/unid/DF...6V?OpenDocument

9627555[/snapback]

Joda den ser fin ut, men skjønte ikke stort av hvordan man legger den inn osv. Står ingenting på sida jo.

Men takk for tipset.

ictys · 12. oktober 2007

Finnes det noe script for å lage sånt som er ferdig? Noen som har brukt ett? Aner ikke hva jeg skal søke på.

evg · 12. oktober 2007

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 12. oktober 2007 av evg

Logg inn

<option value> velge i rullegardinmeny

Anbefalte innlegg

ictys

Videoannonse

Runar0

ZoRaC

ictys

ictys

evg

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer