Två listrutor

4 svar · 164 visningar · startad av nille99 26 feb. 2003

nille99Medlem sedan aug. 2002352 inlägg

26 feb. 2003 14:31#1

jag har två listrutor

i första listrutan har jag "huvud rubriker"
i den andra listrutan har jag "Under rubriker"

vad som finns i den andra listrutan är beroende av val av den
första listrutan


<%
	Bygg_Sanering = "Kakel_klinker" & "'" 
	Bygg_Sanering = Bygg_Sanering & "," & "Maleri_tapetsering" & "'" 
	Bygg_Sanering = Bygg_Sanering & "," & "Snickeri" & "'" 
	Bygg_Sanering = Bygg_Sanering & "," & "VVS" & "'" 
	Bygg_Sanering = Bygg_Sanering & "," & "Murning" & "'" 
	Bygg_Sanering = Bygg_Sanering & "," & "El" & "'" 

	Politik = "Socialdemokraterna" & "'" 
	Politik = Politik & "," & "Moderaterna" & "'" 
	Politik = Politik & "," & "Centern" & "'" 
	Politik = Politik & "," & "Kristdemokraterna" & "'" 
	Politik = Politik & "," & "Folkpartiet" & "'" 
	Politik = Politik & "," & "Vansterpartiet" & "'" 
	Politik = Politik & "," & "Miljopartiet" & "'" 
%>

<script language="JavaScript" type="text/javascript">
var meny=new Array();
meny[0]=new Array(<%=Bygg_Sanering%>);
meny[1]=new Array(<%=Politik%>);
				
function uppdatera(obj){
	obj.listruta.length=meny[obj.listruta2.selectedIndex].length;
	for(var i=0;i<meny[obj.listruta2.selectedIndex].length;i++){
		obj.listruta[i].value=meny[obj.listruta2.selectedIndex][i];
		obj.listruta[i].text=meny[obj.listruta2.selectedIndex][i];
	}
}

<select name="listruta2" id=listruta class="listrutor2" onChange="uppdatera(this.form);">
                  	<option value=Bygg_Sanering <%if Request.Form("listruta2") = "Bygg_Sanering" then %>selected<%end if%>>Bygg och Sanering</option>
 					<option value=Politik <%if Request.Form("listruta2") = "Politik" then %>selected<%end if%>>Politik</option></select>

<select name="listruta" id="listruta" class="listrutor">
              <%=meny%></select>

solbulleMedlem sedan mars 20015 287 inlägg

26 feb. 2003 14:38#2

Åfan! Det var trevlig. Och med det menar du? ;)

dectgapMedlem sedan sep. 20021 655 inlägg

26 feb. 2003 14:42#3

Du får nog förklara hur de olika menyerna ska påverka varandra, för jag tror inte att jag är den enda som inte ser sambandet mellan politik och byggsanering.

Sedan ser jag att du har id=listruta på två stycken menyer. Ett id ska vara unikt för hela dokumentet, så det får du allt ta och ändra.

nille99Medlem sedan aug. 2002352 inlägg

26 feb. 2003 14:47#4

jag har två grupper
politik och byggsanering

när jag väljer politik
så ska alla saker med politik hamna i den andra listrutan
tex
Moderaterna
Centern
Kristdemokraterna
Folkpartiet
Vansterpartiet
Miljopartiet

om jag iställe väljer byggsanering
ska saker inom bygg komma fram

dectgapMedlem sedan sep. 20021 655 inlägg

26 feb. 2003 15:01#5

<html>
<head>
<script language="JavaScript" type="text/javascript">
var meny=new Array();
meny[0]=new Array('1','2','3','4');
meny[1]=new Array('a','b','c');
				
function uppdatera(menyOption, obj){
	obj.listruta.options.length=meny[menyOption].length;
	for(var i=0;i<meny[menyOption].length;i++){
		obj.listruta[i].value=meny[menyOption][i];
		obj.listruta[i].text=meny[menyOption][i];
	}
}
</script>
</head>

<body>
<form>
<select name="listruta2" class="listrutor2" onChange="uppdatera(this.selectedIndex, this.form);">
                  	<option value=Bygg_Sanering>Bygg och Sanering</option>
 					<option value=Politik >Politik</option></select>

<select name="listruta" class="listrutor">
 <option>---</option>
</select>
</form>
</body>
</html>

Du får sätta tillbaka asp-koden.