如何通过点击按钮使输入框移动焦点？在线等！

我想通过点击上，下按钮在3个输入框中移动焦点，具体代码如下：<body id=pagebody class=pagebody scroll=no><div id=divHeader class=Header><span id="spanHeader"></span></div>
<P></P>
<div id=divloading class=LoadingMessage><span id="spanLoading"></span></div>
<div id=divFooter class=Footer><span id=></span></div>
<button id="FDK_R1" class="FDK_R1" onClick="btnFDK_R1Click()" ><span id="spanFDK_R1"></span></button>
<button id="FDK_R4" class="FDK_R4" onClick="btnFDK_R4Click()" ><span id="spanFDK_R4"></span></button>
<table id="tblRefusalSet" align="center" class="RefusalSet">
<tr>
<td width="30%"><span id="LLtxtCashNo"></span>
</td>
<td width="70%"><input id="txtCurrentCashNo" align="left" maxlength="9" style="font-size:20pt; width:180px"></input></span>
</td>
</tr>
<tr>
<td width="30%"><span id="LLtxtBeginningDay"></span>
</td>
<td width="70%"><input id="txtCurrentBeginningDay" align="center" maxlength="6" style="font-size:20pt; width:180px"></input></span>
</td>
</tr>
<tr>
<td width="30%"><span id="LLtxtEndingDay"></span>
</td>
<td width="70%"><input id="txtCurrentEndingDay" align="center" maxlength="6" style="font-size:20pt; width:180px"></input></span>
</td>
</tr>
</table>
</body>请教大侠如何实现，谢谢

解决方案 »

  1.   

    补充：
    触发该事件btnFDK_R1Click()向上移动，
    触发该事件btnFDK_R4Click()向下移动。
      

  2.   


    <script>
        var cursorIndex=0;
        var ipt0;
        var ipt1;
        var ipt2;
        function btnFDK_R4Click(){
           cursorIndex= cursorIndex+1>2?2:cursorIndex+1;
           eval("ipt"+cursorIndex+".focus()");
        }
        function btnFDK_R1Click(){
            cursorIndex= cursorIndex-1<0?0:cursorIndex-1;
            eval("ipt"+cursorIndex+".focus()");
        }
        window.onload=function(){
            ipt0=document.getElementById("txtCurrentCashNo");
            ipt1=document.getElementById("txtCurrentBeginningDay");
            ipt2=document.getElementById("txtCurrentEndingDay");
        }
    </script>
    <body id=pagebody class=pagebody scroll=no>    <div id=divHeader class=Header> <span id="spanHeader"> </span> </div>
        <P> </P>
        <div id=divloading class=LoadingMessage> <span id="spanLoading"> </span> </div>
        <div id=divFooter class=Footer> <span id=> </span> </div>
        <button id="FDK_R1" class="FDK_R1" onClick="btnFDK_R1Click()" > <span id="spanFDK_R1"> </span> </button>
        <button id="FDK_R4" class="FDK_R4" onClick="btnFDK_R4Click()" > <span id="spanFDK_R4"> </span> </button>
        <table id="tblRefusalSet" align="center" class="RefusalSet">
            <tr>
                <td width="30%"> <span id="LLtxtCashNo"> </span>
                </td>
                <td width="70%"> <input id="txtCurrentCashNo" align="left" maxlength="9" style="font-size:20pt; width:180px"> </input> </span>
                </td>
            </tr>
            <tr>
                <td width="30%"> <span id="LLtxtBeginningDay"> </span>
                </td>
                <td width="70%"> <input id="txtCurrentBeginningDay" align="center" maxlength="6" style="font-size:20pt; width:180px"> </input> </span>
                </td>
            </tr>
            <tr>
                <td width="30%"> <span id="LLtxtEndingDay"> </span>
                </td>
                <td width="70%"> <input id="txtCurrentEndingDay" align="center" maxlength="6" style="font-size:20pt; width:180px"> </input> </span>
                </td>
            </tr>
        </table>
    </body> 
      

  3.   

    注意我添加的name属性
    <script>
         var i = 1;
    function btnFDK_R1Click(){
    i--;
    if(i<=0) i=3;
    document.getElementsByName("txt"+i)[0].focus();
    }
    function btnFDK_R4Click(){
    i++;
    if(i>3) i=1;
    document.getElementsByName("txt"+i)[0].focus();
    }
      </script>
    <body id=pagebody class=pagebody scroll=no><div id=divHeader class=Header> <span id="spanHeader"> </span> </div>
    <P> </P>
    <div id=divloading class=LoadingMessage> <span id="spanLoading"> </span> </div>
    <div id=divFooter class=Footer> <span id=> </span> </div>
    <button id="FDK_R1" class="FDK_R1" onClick="btnFDK_R1Click()" > <span id="spanFDK_R1"> </span> </button>
    <button id="FDK_R4" class="FDK_R4" onClick="btnFDK_R4Click()" > <span id="spanFDK_R4"> </span> </button>
    <table id="tblRefusalSet" align="center" class="RefusalSet">
    <tr>
    <td width="30%"> <span id="LLtxtCashNo"> </span>
    </td>
    <td width="70%"> <input id="txtCurrentCashNo" name="txt1" align="left" maxlength="9" style="font-size:20pt; width:180px"> </input> </span>
    </td>
    </tr>
    <tr>
    <td width="30%"> <span id="LLtxtBeginningDay"> </span>
    </td>
    <td width="70%"> <input id="txtCurrentBeginningDay" name="txt2" align="center" maxlength="6" style="font-size:20pt; width:180px"> </input> </span>
    </td>
    </tr>
    <tr>
    <td width="30%"> <span id="LLtxtEndingDay"> </span>
    </td>
    <td width="70%"> <input id="txtCurrentEndingDay" name="txt3" align="center" maxlength="6" style="font-size:20pt; width:180px"> </input> </span>
    </td>
    </tr>
    </table>
    <script>
    // 默认选中第1个输入框
    document.getElementById('txtCurrentCashNo').focus();
    </script>
    </body>