一个遍历text控件的问题

Question

<form>
<input type=text tabindex=1>
<input type=text tabindex=2><br>
<input type=text tabindex=3>
<input type=text tabindex=4><br>
<input type=text tabindex=5>
<input type=text tabindex=6><br>
</form>

Answer 1

<script>
function arrow(field){
if(event.keyCode==40)
if(!(field<document.form1.elements.length-2))
form1.elements[0].focus()
else
form1.elements[field+2].focus()if(event.keyCode==38)
if(field<2){
if(field==1)
form1.elements[1].focus()
}
else
form1.elements[field-2].focus()}
</script>
<form name=form1>
<input type=text name=txt1 tabindex=1 onkeydown="arrow(0)">
<input type=text name=txt2 tabindex=2 onkeydown="arrow(1)"><br>
<input type=text name=txt3 tabindex=3 onkeydown="arrow(2)">
<input type=text name=txt4 tabindex=4 onkeydown="arrow(3)"><br>
<input type=text name=txt5 tabindex=5 onkeydown="arrow(4)">
<input type=text name=txt6 tabindex=6 onkeydown="arrow(5)"><br>
<input type=text name=txt7 tabindex=7 onkeydown="arrow(6)">
<input type=text name=txt8 tabindex=8 onkeydown="arrow(7)"><br>
<input type=text name=txt9 tabindex=9 onkeydown="arrow(8)">
<input type=text name=txt10 tabindex=10 onkeydown="arrow(9)"><br>
<input type=text name=txt11 tabindex=11 onkeydown="arrow(10)">
<input type=text name=txt12 tabindex=12 onkeydown="arrow(11)"><br>
<input type=text name=txt13 tabindex=13 onkeydown="arrow(12)">
<input type=text name=txt14 tabindex=14 onkeydown="arrow(13)"><br>
<input type=text name=txt15 tabindex=15 onkeydown="arrow(14)">
<input type=text name=txt16 tabindex=16 onkeydown="arrow(15)"><br>
<input type=text name=txt17 tabindex=17 onkeydown="arrow(16)">
<input type=text name=txt18 tabindex=18 onkeydown="arrow(17)"><br>
<input type=text name=txt19 tabindex=19 onkeydown="arrow(18)">
<input type=text name=txt20 tabindex=20 onkeydown="arrow(19)"><br>
</form>

Answer 2

完美解答版代码：
========================================================================
<script>
function arrow(field){
if(event.keyCode==40)
if(!(field<document.form1.elements.length-2)){
if(field%2==0)
form1.elements[0].focus()
else
form1.elements[1].focus()
}
else
form1.elements[field+2].focus()
if(event.keyCode==38)
if(field==1||field==0)
{
if(field%2==0)
form1.elements[18].focus()
else
form1.elements[19].focus()
}
else
form1.elements[field-2].focus()
}
</script>
<form name=form1>
<input type=text name=txt1 tabindex=1 onkeydown="arrow(0)">
<input type=text name=txt2 tabindex=2 onkeydown="arrow(1)"><br>
<input type=text name=txt3 tabindex=3 onkeydown="arrow(2)">
<input type=text name=txt4 tabindex=4 onkeydown="arrow(3)"><br>
<input type=text name=txt5 tabindex=5 onkeydown="arrow(4)">
<input type=text name=txt6 tabindex=6 onkeydown="arrow(5)"><br>
<input type=text name=txt7 tabindex=7 onkeydown="arrow(6)">
<input type=text name=txt8 tabindex=8 onkeydown="arrow(7)"><br>
<input type=text name=txt9 tabindex=9 onkeydown="arrow(8)">
<input type=text name=txt10 tabindex=10 onkeydown="arrow(9)"><br>
<input type=text name=txt11 tabindex=11 onkeydown="arrow(10)">
<input type=text name=txt12 tabindex=12 onkeydown="arrow(11)"><br>
<input type=text name=txt13 tabindex=13 onkeydown="arrow(12)">
<input type=text name=txt14 tabindex=14 onkeydown="arrow(13)"><br>
<input type=text name=txt15 tabindex=15 onkeydown="arrow(14)">
<input type=text name=txt16 tabindex=16 onkeydown="arrow(15)"><br>
<input type=text name=txt17 tabindex=17 onkeydown="arrow(16)">
<input type=text name=txt18 tabindex=18 onkeydown="arrow(17)"><br>
<input type=text name=txt19 tabindex=19 onkeydown="arrow(18)">
<input type=text name=txt20 tabindex=20 onkeydown="arrow(19)"><br>
</form>