gömma inputrutor dynamiskt

Hej...

jag har ett formulär som består av 9 olika inputrutor samt en listbox med numeriska värden 1-9.

Jag vill att mina inputrutor ska växlas från vanliga till hidden beroende på vad man väljer i listboxen.

Exempel: Väljer man värdet 3 i listboxen så ska inputboxarna 4-9 bli hidden!

Vore jättetacksam om jag kunde få ett kodexempel på detta!

Tack på förhand, Daniel aka room

Ett litet DOM-exempel;

<form>
<select name="foo" onChange="if(document.getElementById){for(var i=0;i<9;i++){document.getElementById('in'+i).style.display=(i<=this.selectedIndex)?'inline':'none';}}">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option selected>9</option>
</select><br>
<input type="text" name="foo" id="in0"><br>
<input type="text" name="bar" id="in1"><br>
<input type="text" name="asd" id="in2"><br>
<input type="text" name="qwe" id="in3"><br>
<input type="text" name="rty" id="in4"><br>
<input type="text" name="zxc" id="in5"><br>
<input type="text" name="cvb" id="in6"><br>
<input type="text" name="rty" id="in7"><br>
<input type="text" name="bnm" id="in8"><br>
</form>

re: kodexempel

Tack så hemskt mycket jojoxx. det blev skitbra!!

// D.