键盘上下选择表单项

   项目中需要键盘上下选择表单，像百度搜索似的，ajax部分已经写好！  下面的代码是选择表单项：（搜索到的答案）

  <table id="tb">

<tr><td>这是第一行</td>   </tr>
<tr><td>这是第二行</td>   </tr>
<tr><td>这是第三行</td></tr>
<tr><td>这是第四行</td></tr>
</table>

//这是操作表格的代码
<script>
var rowNo= -1;
var tableId = 'tb';
var inputId = 'show';
var selectedColor = "#FF0000"
function document.onkeydown()
{

    //事件的标识代码
    if (event.keyCode == 38)
    {
        for(var k=0;k<document.getElementById(tableId).rows.length;k++)
        {
            document.getElementById(tableId).rows(k).bgColor="#FFFFFF";
        }
        if(rowNo == 0)
        {
            rowNo++;
        }
        document.getElementById(tableId).rows(--rowNo%document.getElementById(tableId).rows.length).bgColor=selectedColor;
        document.getElementById(inputId).value=document.getElementById(tableId).rows(rowNo%document.getElementById(tableId).rows.length).innerText;
    }

  //事件的标识代码
    if (event.keyCode== 40)
    {
        for(var k=0;k<document.getElementById(tableId).rows.length;k++)
        {
            document.getElementById(tableId).rows(k).bgColor="#FFFFFF";
        }
        document.getElementById(tableId).rows(++rowNo%document.getElementById(tableId).rows.length).bgColor=selectedColor;

        document.getElementById(inputId).value=document.getElementById(tableId).rows(rowNo%document.getElementById(tableId).rows.length).innerText;
    }
}
</script>

<input type="text" id="show" value="do">