用JS效果做到有上和下按钮点击来控制textbox中显示的是上一条或者下一条数据
3个回答
展开全部
还是动态去服务端取上一条或者下一条的记录数据，然后再显示在文本框中
<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>
<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>
追问
有点看不太明白....能详细讲解一下吗？ 或者像下面两个方法一样多点注释......
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
保存成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>
<!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将他们放到数组中，根据数组下标来决定显示哪个
追问
有详细的代码吗？最好是测试通过的....麻烦了！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
