2 svar · 213 visningar · startad av room
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.
------------------
// room
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
Löste det med en annan liknande funktion men tack för svaret.
mvh, den allsmäktige!
------------------
// room