---
title: "select med subfunktion"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/17569-select-med-subfunktion"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "room"
published: "2001-03-23T15:54:00.000Z"
updated: "2001-03-28T13:25:00.000Z"
replies: 2
views: 227
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/17569-select-med-subfunktion"
---

# select med subfunktion

## #1 — room, 2001-03-23T15:54Z

Jag ska använda 2 st selectlistor på en sida. Och jag vill med hjälp av ett javascript fylla selectlista 2 med olika options beroende på vad jag väljer i selectruta 1.

Exempel: I selectruta 1 väljer man en viss produkt t ex: FeCr och då skall selectruta två fyllas på med de kvaliteter som tillhör den valda produkten.

Så om någon har något halvfärdigt eller helfärdigt script för detta skulle jag bli oerhört tacksam.

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

## #2 — Johnsen, 2001-03-28T13:22Z

Laborera lite med detta om det fortfarande är aktuellt:

```
<html>
<head>
<script language="JavaScript" type="text/javascript">
function byt(){
var sel_index = document.foo.bar1.options[document.foo.bar1.selectedIndex].value
var ny_sel = document.foo.bar2.options

// Alternativ 1
if(sel_index == 1){ ny_sel.length = 4  // Hur många rader skall det vara?
ny_sel[0].value ="a1"; ny_sel[0].text ="a ett";  // Värde och text på rad 1
ny_sel[1].value ="a2"; ny_sel[1].text ="a två";  // Värde och text på rad 2
ny_sel[2].value ="a3"; ny_sel[2].text ="a tre";  // Värde och text på rad 3
ny_sel[3].value ="a4"; ny_sel[3].text ="a fyra"; // osv...
}

// Alternativ 2
if(sel_index == 2){ ny_sel.length = 3
ny_sel[0].value ="b1"; ny_sel[0].text ="b ett";  
ny_sel[1].value ="b2"; ny_sel[1].text ="b två";
ny_sel[2].value ="b3"; ny_sel[2].text ="b tre";
}

}
</script>

</head>
<body>

<form name="foo">
<select name="bar1" onChange="byt();">
<option value="0" selected>noll</option>
<option value="1">ett</option>
<option value="2">två</option>
</select>

<select name="bar2">
<option value="A">A A A</option>
<option value="B">B B B</option>
</select> 
</form>

</body>
</html>
```

/J

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

## #3 — room, 2001-03-28T13:25Z

Löste det med en annan liknande funktion men tack för svaret.

mvh, den allsmäktige!

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/17569-select-med-subfunktion
