[原创]版主看看这个，急！！！！！！！！！ - JavaScript论坛

问题点数：0 回复次数：8

[原创]版主看看这个，急！！！！！！！！！

我遇到了这样一个问题，在一个表格中有若干文本框，并且每一列的文本框名称是一样的，当光标在一个文本框上时，按向下箭头时，如何能让光标移到下面的文本中。表格如下；

							" size="8" maxlength="10">
							" size="8" maxlength="10">
							" size="8" maxlength="10">
							" size="8" maxlength="10">
							" size="8" maxlength="10">

搜索更多相关主题的帖子: 版主　

第 2 楼

得分:0

[CODE]<html>
<script language="JavaScript" type="text/JavaScript">
<!--
function next()
{
if(event.keyCode==40)
document.f.txt2.focus();
}
</script>
<body >
<form name="f">
<input type="text" name="txt1" onKeyUp="next()" >
<input type="text" name="txt2">
</form>
</body>
</html>[/CODE]这里的代码改一下就可以了
你自己改了啊！

第 3 楼

得分:0

版主，不是这样的，要求是当按向下箭头，光标在上下在文本框中移动。不是左右移动，

版主，不是这样的，要求是当按向下箭头，光标在上下在文本框中移动。不是左右移动，请再回答一次

第 4 楼

得分:0

不是跟你说了。要你自己改一改的。
已经给了你事件的触点：
if(event.keyCode==40)
document.f.txt2.focus();
}
和移到指定位置的方法了。自己想着解决就是了啊。
我的建议是：
把每个INPUT输入框按顺序编号，如：
a1b1、a1b2、......、a1b(n)；
a2b1、a2b2、......、a2b(n)；
......
a(m)b1、a(m)b2、......、a(m)b(n)；
然后默认进入时
document.f.a1b1.focus();
a=1;
b=1;
然后是右移a=a+1
左移a=a-1
下移b=b+1
上称b=b-1
如果是鼠标点击，调用点击事件
指定a,b的值（必须有，为下一次的移动用）。
根据a,b的把光标定位到指定的框内。
有点麻烦噢，意思就是这样了。
我比较笨，要我写这个功能可能要上百句的了。

[此贴子已经被作者于2005-1-15 13:43:40编辑过]

第 5 楼

得分:0

[CODE]<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>New Page 1</title> </head> <script language="JavaScript" type="text/JavaScript"> function next(i) { if(event.keyCode==40) document.form1.txt[i+4].focus(); } </script> <body> <form name="form1"> <table border="1" width="100%"> <tr> <td width="25%"><input type="text" size="20" name="txt" onKeyUp="next(0)" ></td> <td width="25%"> <input type="text" size="20" name="txt" onKeyUp="next(1)"> </td> <td width="25%"><input type="text" size="20" name="txt" onKeyUp="next(2)" > </td> <td width="25%"> <input type="text" size="20" name="txt" onKeyUp="next(3)"> 　</td> </tr> <tr> <td width="25%"> <input type="text" size="20" name="txt" onKeyUp="next(4)"> 　</td> <td width="25%"> <input type="text" size="20" name="txt" onKeyUp="next(5)"> 　</td> <td width="25%"><input type="text" size="20" name="txt" onKeyUp="next(6)"> </td> <td width="25%"><input type="text" size="20" name="txt" onKeyUp="next(7)" > </td> </tr> <tr> <td width="25%"> <input type="text" size="20" name="txt" onKeyUp="next(8)"> </td> <td width="25%"><input type="text" size="20" name="txt" onKeyUp="next(9)"> </td> <td width="25%"><input type="text" size="20" name="txt" onKeyUp="next(10)"> </td> <td width="25%"><input type="text" size="20" name="txt" onKeyUp="next(11)"> </td> </tr> <tr> <td width="25%"><input type="text" size="20" name="txt"> </td> <td width="25%"><input type="text" size="20" name="txt"> </td> <td width="25%"><input type="text" size="20" name="txt"> </td> <td width="25%"><input type="text" size="20" name="txt"> </td> </tr> </table> </form> </body> </html>[/CODE]

这个办法很笨，但是你先用一下！我还在做另外一个不需要onKeyUp="next(i)"的做法但是还有点问题没有解决做好了在传上来！

第 6 楼

得分:0

<table border="1" width="100%"> <tr> <td width="25%"><input type="text" name="T" size="20"></td> <td width="25%"><input type="text" name="T" size="20"></td> <td width="25%"><input type="text" name="T" size="20"></td> <td width="25%"><input type="text" name="T" size="20"></td> </tr> <tr> <td width="25%"><input type="text" name="T" size="20"></td> <td width="25%"><input type="text" name="T" size="20"></td> <td width="25%"><input type="text" name="T" size="20"></td> <td width="25%"><input type="text" name="T" size="20"></td> </tr> <tr> <td width="25%"><input type="text" name="T" size="20"></td> <td width="25%"><input type="text" name="T" size="20"></td> <td width="25%"><input type="text" name="T" size="20"></td> <td width="25%"><input type="text" name="T" size="20"></td> </tr> <tr> <td width="25%"><input type="text" name="T" size="20"></td> <td width="25%"><input type="text" name="T" size="20"></td> <td width="25%"><input type="text" name="T" size="20"></td> <td width="25%"><input type="text" name="T" size="20"></td> </tr> </table> </form> </body> </html>[/CODE]

这个不需要哪个调用函数了自己看看吧！

第 7 楼

得分:0

看来我是够笨的。人家几句就解决了问题。

第 8 楼

得分:0

问题基本解决了,谢谢

第 9 楼

得分:0

好办法..
<sccript language="javascript">
for (var i=0;i<5;i++){
      for (var j=0;j<5;j++){
              var name="a"+i+j
              document.write("<input type=text name="+name+" size=20>");
      }
      document.write("<br>");
}
</script>