我像请教一个文本框上下键的问题

<script language="javascript">   
var i=0;   
 document.onkeydown=function(){   
    if (event.keyCode == 38){
document.getElementById('tb').style.display="";
document.getElementById('tb1').style.display="none";
        for(var k=0;k<document.getElementById('tb').rows.length;k++){   
            document.getElementById('tb').rows(k).bgColor="";   
        }   
        document.getElementById('tb').rows(--i%tb.rows.length).bgColor="#FF0000";   
        document.all.show.value=document.getElementById('tb').rows(i%tb.rows.length).innerText;   
    }   
    if (event.keyCode== 40){   
document.getElementById('tb1').style.display="";
document.getElementById('tb').style.display="none";
        for(var k=0;k<document.getElementById('tb1').rows.length;k++){   
            document.getElementById('tb1').rows(k).bgColor="";   
        }   
        document.getElementById('tb1').rows(++i%document.getElementById('tb1').rows.length).bgColor="#FF0000";   
        document.all.show.value=document.getElementById('tb1').rows(i%tb.rows.length).innerText;   
     }   
  if (event.keyCode== 13){   
        document.getElementById('tb').style.display="none";
 document.getElementById('tb1').style.display="none";
     }
}   
</script>   
</head><body>
<table border="1" id="tb" style="display:none;">   
<tr><td>6.25</td>   
</tr>   
<tr><td>6.0</td>   
</tr>   
<tr><td>5.75</td></tr>   
<tr><td>5.5</td></tr>   
</table>   <input type="text" name="show" value="8.0">  
<table  border="1" id="tb1" style="display:none;">   
<tr><td>6.25</td>   
</tr>   
<tr><td>6.0</td>   
</tr>   
<tr><td>5.75</td></tr>   
<tr><td>5.5</td></tr>   
</table>  比如这个代码 我想让我上下选择的时候 选择下的时候显示出来后能上下选择下面的TABLE的值  上面的也一样   而且上下的值能不能是在文本框中是一个8.0的时候 选择向上的时候 能显示出是8.5，9.0，9.5，10，10.5这些 向下的时候显示出是7.5，7.0，6.5，6.0，5.5这样

解决方案 »

  1.   

    这个很有意思。lz说的不好实现。我觉得可以只用一个 table 将选择的值放在中间，上下键 只做数值的滚动。这样比较方便
      

  2.   

    这个看上去应该不难 但LZ的问题没描述清楚 麻烦LZ说的明白些 这样大家可以更好的理解lZ的意思 
      

  3.   

    <table border="1" id="tb" style="display:none;">   
    <tr><td>6.25</td>   
    </tr>   
    <tr><td>6.0</td>   
    </tr>   
    <tr><td>5.75</td></tr>   
    <tr><td>5.5</td></tr>   
    </table>   <input type="text" name="show" value="8.0">   
    <table border="1" id="tb1" style="display:none;">   
    <tr><td>6.25</td>   
    </tr>   
    <tr><td>6.0</td>   
    </tr>   
    <tr><td>5.75</td></tr>   
    <tr><td>5.5</td></tr>   
    </table>  
    用这个把你的需求说明一下