<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>编号</td>
<td>名称</td>
<td>城市</td>
</tr>
<tr>
<td>100</td>
<td>jack</td>
<td>上海</td>
</tr>
<tr>
<td>101</td>
<td>jim</td>
<td>武汉</td>
</tr>
<tr>
<td>102</td>
<td>scl</td>
<td>北京</td>
</tr>
</table>如何用键盘上面的上下箭头(如:up,down)来在上面的三行表格上移动,同时把编号赋值给另外一个文本框
这个用JQuery或者js怎么写?
<tr>
<td>编号</td>
<td>名称</td>
<td>城市</td>
</tr>
<tr>
<td>100</td>
<td>jack</td>
<td>上海</td>
</tr>
<tr>
<td>101</td>
<td>jim</td>
<td>武汉</td>
</tr>
<tr>
<td>102</td>
<td>scl</td>
<td>北京</td>
</tr>
</table>如何用键盘上面的上下箭头(如:up,down)来在上面的三行表格上移动,同时把编号赋值给另外一个文本框
这个用JQuery或者js怎么写?
解决方案 »
- 谁能告诉我这是怎么回事? js indexOf 的
- 谁能帮我把这个JS弄下来
- JavaScript插入DOM范围的内容无法显示
- 关于showModalDialog打开页面的问题
- jquery如何在.js文件里使用?
- 如何实现在输入框中输入数据,后面的checkbox自动打勾
- 谁能提供个js分页的经典例子???
- 怎么得到一个对象固有方法的构造模型,比如得到xmlhttp对象的open方法的函数定义
- select 的onSelect事件如何触发?
- 我看见了一个很不错的JAVA 的APPLET,我想把她保存下来怎么做?
- div的onscroll事件为什么重复执行?
- ff与IE下的window.event
<input type="text" id="txtUserID" style=" width:0px; height:0px;" value="7" />
给这个赋值
注意不同浏览器 JS 效果会不一样
首先鼠标点到表格上,然后按上下键。
<input type="text" id="txtUserID" value="7" />
<table width="400" border="0" cellspacing="0" cellpadding="0" id="table">
<tr>
<td>编号</td>
<td>名称</td>
<td>城市</td>
</tr>
<tr tabIndex="0">
<td>100</td>
<td>jack</td>
<td>上海</td>
</tr>
<tr tabIndex="0">
<td>101</td>
<td>jim</td>
<td>武汉</td>
</tr>
<tr tabIndex="0">
<td>102</td>
<td>scl</td>
<td>北京</td>
</tr>
</table>
var table = document.getElementById('table');
var tb = document.getElementById('txtUserID');
var index = 1;
table.onkeyup = function(e){
if(e.keyCode == 38)up();
if(e.keyCode == 40)down();
}
function up(){
index --;
update();
}
function down(){
index++;
update();
}
function update(){
table.rows[index].focus();
tb.value = table.rows[index].cells[0].innerHTML;
}