用JS效果做到有上和下按钮点击来控制textbox中显示的是上一条或者下一条数据


求解.......急！！  哪位朋友有实例分享一下， 高分求解  ~！！！！

追问：有详细的代码吗？最好是测试通过的....麻烦了！有点看不太明白....能详细讲解一下吗？  或者像下面两个方法一样多点注释......

答案：保存成html看效果
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript">
var index=0;
function up(){
	var _table = document.getElementById("tab");
	var _tr = _table.rows[index];
	var _td = _tr.cells[0];
	document.getElementById("text").value = _td.innerHTML;
	index++;
	if(index>=_table.rows.length){
		index=0;
	}
}
function down(){
	var _table = document.getElementById("tab");
	var _tr = _table.rows[index];
	var _td = _tr.cells[0];
	document.getElementById("text").value = _td.innerHTML;
	index--;
	if(index<0){
		index=_table.rows.length-1;
	}
}
</script>
</head>
<body>
<form name="" action="" method="post">
<table id="tab"> 
<tr> 
<td>1234679</td> 
</tr> 
<tr> 
<td>asd</td> 
</tr> 
<tr> 
<td>啊啊就</td> 
</tr> 
</table>
<input type="text" id="text" name="t1" value="" />
<input type="button" name="bup" onclick="up()" value="向下" />
<input type="button" name="bdown" onclick="down()" value="向上" />
</form>
</body>
</html>

其他：先把你的数据都取出来，放在hidden标签中，然后通过JS将他们放到数组中，根据数组下标来决定显示哪个 还是动态去服务端取上一条或者下一条的记录数据，然后再显示在文本框中

<script type="text/javascript" language="javascript">  
        var xmlHttp = false;  
        try {  
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");  
        } catch (e) {  
            try {  
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");  
            } catch (e2) {  
                xmlHttp = false;  
            }  
        }  
        if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {  
            xmlHttp = new XMLHttpRequest();  
        }  
          
        function callServerCheckUname() {  
            //通过GET方法请求，将请求封装在URL中  
            var uname = document.getElementById("u_name").value;  
            xmlHttp.open("POST", 'CheckUname?u_name='+uname);  
            //设置服务器响应的处理方法  
            xmlHttp.onreadystatechange = updatePageCheckUname;  
            // 发送请求  
            xmlHttp.send(null);  
        }  
        function updatePageCheckUname() {  
            if (xmlHttp.readyState == 4) {  
                var response = xmlHttp.responseText;  
                //这里放置处理服务端返回值的代码
            }  
        }  
        </script>

上一个：在js中给图片加链接？急急急
下一个：求js高手写个特效

更多图片编程知识: