Just nu i M3-nätverket
Gå till innehåll

Fylla en listmenu med värden beroende på tidgare val.


eemmiill

Rekommendera Poster

Hej. jag håller på med ett formulär där man ska kunna välja saker ur en dropdownmeny.

 

Designen ser ut ungefär så här

 

| Välj världsdel| |välj land| |Välj stad|

Europa Beror på beror på

Asien

Amerika

Afrika

 

 

jag vill att menyvalen i Land ska beror på vilken världsdel man väljer

 

och sedan ska menyvalen i stad bero på vilket land man har valt.

 

Går detta att göra i javascript och i så fall HUR?

 

Länk till kommentar
Dela på andra webbplatser

Jag vet att det kanske är fult att svara på sitt eget inlägg men jag är desperat.

har sökt både på nätet och här i Eforum utan att hitta något relevant.

 

poäng till bra lösningar utlovas

 

Länk till kommentar
Dela på andra webbplatser

Anjuna Moon

Ok, håll ut några minuter så får du början på ett script.

 

Länk till kommentar
Dela på andra webbplatser

Anjuna Moon

På länken nedan har jag postat början på det du vill ha. Som du ser måste du bygga på arrayerna med världsdelar och länder, samt utöka scriptet för att ta hand även om städer.

 

http://6dc75922520becc6.paste.se/

 

Länk till kommentar
Dela på andra webbplatser

Anjuna Moon

Ok, lägger koden här då:

 

[log]

<html>
<head>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
	var oCountries;
	var arrCountries=new Array(new Array("Japan","Kina","Korea"),new Array("Sverige","Norge","Finland"));
	function Init() {
		oCountries=document.getElementById("Countries");
	}
	function SetCountries(ContinentId) {
		ClearCombo(oCountries);		
		arrC=arrCountries[ContinentId];
		for (i=0;i<arrC.length;i++) {
			s=arrC[i];
			oOpt=new Option;
			oOpt.value=i;
			oOpt.text=s;
			oCountries.options.add(oOpt);
		}
	}		
	function ClearCombo(o) {
		n=o.length;
		for (i=0;i<n;i++) {
			o.remove(0);
		}
	}
//-->
</SCRIPT>
</head>

<body onload="Init();">
<select onchange="SetCountries(this.options[this.selectedIndex].value);">
	<option value="0">Asien
	<option value="1">Europa
</select>
<select id="Countries"><option>jijij</select>
</body></html>

[/log]

 

Länk till kommentar
Dela på andra webbplatser

Tack. ska försöka fatta koden imorgon när jag sovit ett par timmar.

 

Kommer med största sannolikhet ställa frågor.

 

tack för hjälpen med att starta i alla fall

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...