---
title: "byta ut flera <selects> med fördefinierad data"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/110122-byta-ut-flera-selects-med-fördefinierad-data"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "tlee"
published: "2004-08-27T08:10:45.000Z"
updated: "2004-08-29T09:11:46.000Z"
replies: 3
views: 243
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/110122-byta-ut-flera-selects-med-fördefinierad-data"
---

# byta ut flera <selects> med fördefinierad data

## #1 — tlee, 2004-08-27T08:10Z

Hej..

Ett problem..

Det är ungefär såhär.. jag har en "master droplist" där man väljer mellan "dator svart" och "dator vit"

sen har jag ytterligare låt säga fem droplister där man väljer cdspelare, hårddisk, minne och sånt.

väljer jag "dator svart" i "master droplisten" så skall innehållet i de fem andra ändras till de värden
som hör till "dator svart".. t.ex en svart dvd, svart tangentbord och svart skärm. väljer jag en "dator vit"
så skall man bara kunna välja vita delar. när du har gjort huvudvalet skall du kunna välja vidare i de
andra droplisterna och sen posta formuläret.

all information ligger i en sql databas som jag måste läsa ut och antar jag mellanlagra nånstans, finns det
något som liknar asp's recordset i javascript eller skall jag lägga det i arrayer eller en massa \<input type=hidden\>?

någon som har några idéer om hur man skall bygga upp detta?

Mvh

Tobias

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

## #2 — Johnsen, 2004-08-27T08:39Z

Sök...

<http://www.webforum.nu/showthread.php?s=&forumid=24&threadid=17054>

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

## #3 — tlee, 2004-08-27T09:54Z

ah.. perfekt då är jag en bit på vägen men med mina obefintliga javascriptkunskaper stöter jag på patrull direkt.

```
<html>
<head>
<script language="JavaScript" type="text/javascript">

function byt(){
var sel_index = document.foo.mainbar.options[document.foo.mainbar.selectedIndex].value
var ny_sel = document.foo.bar1.options

// Alternativ 1
if(sel_index == 0){ ny_sel.length = 2  // Hur många rader skall det vara?
ny_sel[0].value ="a1"; ny_sel[0].text ="Chassi Olle ATX vit";  // Värde och text på rad 1
ny_sel[1].value ="a2"; ny_sel[1].text ="Chassi Pelle ATX vit";  // Värde och text på rad 2

}

// Alternativ 2
if(sel_index == 1){ ny_sel.length = 2
ny_sel[0].value ="b1"; ny_sel[0].text ="Chassi Olle ATX svart";  
ny_sel[1].value ="b2"; ny_sel[1].text ="Chassi Pelle ATX svart";

}

}
</script>

</head>
<body>

<form name="foo">
<select name="mainbar" onChange="byt();">
<option value="0">Dator Vit</option>
<option value="1">Dator Svart</option>
</select>
<br><br>
<hr>

<br>
<select name="bar1">
<option value="A">Chassi Olle ATX vit</option>
<option value="B">Chassi Pelle ATX vit</option>
</select> 
<br>
<select name="bar2">
<option value="A">DVD Nec vit</option>
<option value="B">DVD Pioneer vit</option>
</select> 
</form>

</body>
</html>
```

Kan man få den att ändra båda barsen samtidigt?
Kan man ändra denna så man slipper definiera ett visst antal rader?

```
if(sel_index == 0){ ny_sel.length = 2
```

Tack

/Tobias

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

## #4 — tlee, 2004-08-29T09:11Z

ingen som vet?.. all hjälp uppskattas extremt mkt.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/110122-byta-ut-flera-selects-med-fördefinierad-data
