<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怎么写?
<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;
}