---
title: "Två listrutor"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/69494-två-listrutor"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "nille99"
published: "2003-02-26T14:31:54.000Z"
updated: "2003-02-26T15:01:58.000Z"
replies: 4
views: 169
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/69494-två-listrutor"
---

# Två listrutor

## #1 — nille99, 2003-02-26T14:31Z

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>
```

Permalänk: https://www.webforum.nu/p/69494

## #2 — solbulle, 2003-02-26T14:38Z

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

Permalänk: https://www.webforum.nu/p/961496

## #3 — dectgap, 2003-02-26T14:42Z

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.

Permalänk: https://www.webforum.nu/p/961501

## #4 — nille99, 2003-02-26T14:47Z

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

Permalänk: https://www.webforum.nu/p/961510

## #5 — dectgap, 2003-02-26T15:01Z

```
<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.

Permalänk: https://www.webforum.nu/p/961531

---

Tråden på webben: https://www.webforum.nu/amne/javascript/69494-två-listrutor
