learnMedlem sedan jan. 20051 130 inlägg Jag har två SELECT-menyer. Den första består av tal från 1 t.o.m. 10. Nu vill jag att den andras innehåll ska bero på vad man valt i den första. Exempel:
Scenario 1:
- Jag väljer 2 i meny 1.
- Meny 2 innehåller sedan 2,4,6,8...osv
Scenario 2:
- Jag väljer 4 i meny 1.
- Meny 2 innehåller sedan 4,8,12,16...osv
Alltså: meny 2 ska börja på det tal man valt i meny 1 och sedan öka med samma tal steg efter steg.
Hur gör jag detta på smidigast sätt? Någon som kan hjälpa mig?
Tack!
En pluttifikationstabell med andra ord?
<script type="text/javascript">
function $(s){
if ('string'==typeof s)
return document.getElementById(s);
else
return s;
}
function fillMyBuddy(src, dst){
var src=$(src), dst=$(dst);
var factor=parseInt(src.options[src.selectedIndex].value)
for (var i=0; i<dst.options.length; i++){
dst.options[i].innerHTML= "*" + (i+1) + "=" + factor*(i+1)
dst.options[i].value=factor*(i+1)
}
}
window.onload=function(){
fillMyBuddy('srclist', 'dstlist')
}
</script>
<select id="srclist" onchange="fillMyBuddy(this, 'dstlist');">
<option value="1"> 1</option>
<option value="2"> 2</option>
<option value="3"> 3</option>
<option value="4"> 4</option>
<option value="5"> 5</option>
<option value="6"> 6</option>
<option value="7"> 7</option>
<option value="8"> 8</option>
<option value="9"> 9</option>
<option value="10"> 10</option>
</select>
<select id="dstlist">
<option value="1"> 1</option>
<option value="2"> 2</option>
<option value="3"> 3</option>
<option value="4"> 4</option>
<option value="5"> 5</option>
<option value="6"> 6</option>
<option value="7"> 7</option>
<option value="8"> 8</option>
<option value="9"> 9</option>
<option value="10"> 10</option>
</select>