webForumDet fria alternativet

select med subfunktion

JavaScript

2 svar · 213 visningar · startad av room

Medlem sedan mars 2001270 inlägg
Frågan#1

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

Medlem sedan juli 2000836 inlägg
#2

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

Medlem sedan mars 2001270 inlägg
#3

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

mvh, den allsmäktige!

------------------
// room

255 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
123 ms — hämta tråd, inlägg och bilagor (db)
128 ms — ändringar (db)