Ændre property for flere input's.

Hej! :)

Jeg sidder lige og laver en side, hvor man skal kunne vælge et tal mellem 1 og 5 fra en <select> og derefter skal det samme antal <input>'s man har valgt gå fra readonly state til ikke-readonly. Det eneste jeg mangler er sådan set den loop der skal køre input-boxene igennem.

Det ser ud som følger:

<script>
function ChangeBoX(oSelect) {
var her = oSelect.options[oSelect.selectedIndex].value;

var i = 1;

while (i < her+1) {
document.f1.g + i + .readonly=this.checked;
i++;
}

<form name=f1>
<select name=s1 onchange="ChangeBoX(this);">
<option></option>
<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>
</select><br>
<input type=text name=g1 style="background: #EFEFEF;" readonly><br>
<input type=text name=g2 style="background: #EFEFEF;" readonly><br>
<input type=text name=g3 style="background: #EFEFEF;" readonly><br>
<input type=text name=g4 style="background: #EFEFEF;" readonly><br>
<input type=text name=g5 style="background: #EFEFEF;" readonly><br>
</form>

--

Linjen i loop'en virker selvfølgelig ikke, hvilket sikkert er logisk nok, men hvad hulen gør man så?

På forhånd tak! :)