87,987
社区成员
发帖
与我相关
我的任务
分享****我有五个小问题，帮帮忙啦****
有一个table（1行3列），每个单元格里都有文本框，用户在第一个格里输入值,然后按回车键，那么就要执行一个javascript function。这个fuction要执行三个动作。
1 判断用户是否按下了回车键，如果按下，就执行2和3。
2 取这个文本框的值，到数据库中再查询纪录（当然结果肯定只有一条）。
3 将查询结果的一个字段值填充到同一行的第二个文本框里。
4 焦点定位在同一行的第三个文本框里。
5 在table里再生成新的一行，并且新的一行也能进行同样的操作。
请问这个js fuction怎么写？
...全文
请发表友善的回复…
发表回复
xuzuning 2003-10-23
- 打赏
- 举报
<table id="tab" onkeydown="keycheck()">
<tr>
<td><input></td>
<td><input></td>
<td><input></td>
</tr>
</table>
<script id="server" src="" onreadystatechange="server_return()"></script>
<script>
function keycheck() {
el = event.srcElement;
if(event.keyCode == 13) {
if(el.parentElement.cellIndex == 0)
server.src = "服务器程序?k="+el.value; // 见要求
}
}
server_mode = "";
function server_return() {
if(server_mode == "") return;
el.parentElement.parentElement.cells[1].children[0].value = server_mode;
el.parentElement.parentElement.cells[2].children[0].focus();
row = tab.lastChild.appendChild(tab.rows(tab.rows.length-1).cloneNode(true))
for(i=0;i<row.cells.length;i++)
row.cells[i].children[0].value = "";
}
</script>
要求：
服务器程序可以是任意语言，只要能做到：
接受url参数，处理完毕后输出一行
server_mode = "这里是查询结果";
<tr>
<td><input></td>
<td><input></td>
<td><input></td>
</tr>
</table>
<script id="server" src="" onreadystatechange="server_return()"></script>
<script>
function keycheck() {
el = event.srcElement;
if(event.keyCode == 13) {
if(el.parentElement.cellIndex == 0)
server.src = "服务器程序?k="+el.value; // 见要求
}
}
server_mode = "";
function server_return() {
if(server_mode == "") return;
el.parentElement.parentElement.cells[1].children[0].value = server_mode;
el.parentElement.parentElement.cells[2].children[0].focus();
row = tab.lastChild.appendChild(tab.rows(tab.rows.length-1).cloneNode(true))
for(i=0;i<row.cells.length;i++)
row.cells[i].children[0].value = "";
}
</script>
要求：
服务器程序可以是任意语言，只要能做到：
接受url参数，处理完毕后输出一行
server_mode = "这里是查询结果";
黑马 2003-10-23
- 打赏
- 举报
4、用focus即可
5、见 http://expert.csdn.net/Expert/TopicView1.asp?id=2377985
5、见 http://expert.csdn.net/Expert/TopicView1.asp?id=2377985
JK_10000 2003-10-23
- 打赏
- 举报
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>GetInfoFromDataBase</title>
</head>
<script>
function addFun()//JK
{
var newRow = forAddTable.rows[0].cloneNode(true);
var desRow = scoreTable.rows[scoreTable.rows.length-1];
desRow.parentElement.insertBefore(newRow,desRow);
scoreTable.rows[scoreTable.rows.length-2].all.studentNo.focus();
}
function deleteFun(deleteButton)//JK
{
var documentCheckBox=document.getElementsByName("scoreID");
if (confirm("Are you sure to delete?"))
{
scoreTable.deleteRow(deleteButton.parentElement.parentElement.rowIndex);
}
}
function getTheStudentNameFun(studentNoInput)
{
var a=showModalDialog("GetStudentByNo.jsp?studentNo="+studentNoInput.value,"","status:no;resizable:no;help:no;dialogHeight:10px;dialogWidth:10px;");
//if (a!=null)
{
studentNoInput.parentElement.parentElement.all.studentName.value=a;
}
}
function keyDownControl()
{
k=event.keyCode;
if(k==13)
{
event.keyCode=9;
}
}
</script>
<body>
<table width="100%" cellspacing="1" cellpadding="2" align="left" id="scoreTable">
<tr >
<td width=1 > </td>
<td >No</td>
<td >Name</td>
<td >Score</td>
</tr>
<tr >
<td width=1 ><input type=button value=Delete onclick="deleteFun(this);" ></td>
<td ><input name=studentNo onchange="getTheStudentNameFun(this);return ;" onkeydown="keyDownControl();"></td>
<td ><input name=studentName disabled></td>
<td ><input name=studentScore onkeydown="keyDownControl();"></td>
</tr>
<tr><td><input type=button value=Add onclick="addFun();" ></td></tr>
</table>
<table id=forAddTable disabled style="display:none">
<tr >
<td width=1 ><input type=button value=Delete onclick="deleteFun(this);" ></td>
<td ><input name=studentNo onchange="getTheStudentNameFun(this);return ;" onkeydown="keyDownControl();"></td>
<td ><input name=studentName disabled></td>
<td ><input name=studentScore onkeydown="keyDownControl();"></td>
</tr>
</table>
</body>
</html>
-------------------------------------
GetStudentByNo.jsp:
<%String theStudentName="独孤求败";%>
<
script language=javascript>
window.returnValue='<%=theStudentName%>';
window.close();
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>GetInfoFromDataBase</title>
</head>
<script>
function addFun()//JK
{
var newRow = forAddTable.rows[0].cloneNode(true);
var desRow = scoreTable.rows[scoreTable.rows.length-1];
desRow.parentElement.insertBefore(newRow,desRow);
scoreTable.rows[scoreTable.rows.length-2].all.studentNo.focus();
}
function deleteFun(deleteButton)//JK
{
var documentCheckBox=document.getElementsByName("scoreID");
if (confirm("Are you sure to delete?"))
{
scoreTable.deleteRow(deleteButton.parentElement.parentElement.rowIndex);
}
}
function getTheStudentNameFun(studentNoInput)
{
var a=showModalDialog("GetStudentByNo.jsp?studentNo="+studentNoInput.value,"","status:no;resizable:no;help:no;dialogHeight:10px;dialogWidth:10px;");
//if (a!=null)
{
studentNoInput.parentElement.parentElement.all.studentName.value=a;
}
}
function keyDownControl()
{
k=event.keyCode;
if(k==13)
{
event.keyCode=9;
}
}
</script>
<body>
<table width="100%" cellspacing="1" cellpadding="2" align="left" id="scoreTable">
<tr >
<td width=1 > </td>
<td >No</td>
<td >Name</td>
<td >Score</td>
</tr>
<tr >
<td width=1 ><input type=button value=Delete onclick="deleteFun(this);" ></td>
<td ><input name=studentNo onchange="getTheStudentNameFun(this);return ;" onkeydown="keyDownControl();"></td>
<td ><input name=studentName disabled></td>
<td ><input name=studentScore onkeydown="keyDownControl();"></td>
</tr>
<tr><td><input type=button value=Add onclick="addFun();" ></td></tr>
</table>
<table id=forAddTable disabled style="display:none">
<tr >
<td width=1 ><input type=button value=Delete onclick="deleteFun(this);" ></td>
<td ><input name=studentNo onchange="getTheStudentNameFun(this);return ;" onkeydown="keyDownControl();"></td>
<td ><input name=studentName disabled></td>
<td ><input name=studentScore onkeydown="keyDownControl();"></td>
</tr>
</table>
</body>
</html>
-------------------------------------
GetStudentByNo.jsp:
<%String theStudentName="独孤求败";%>
<
script language=javascript>
window.returnValue='<%=theStudentName%>';
window.close();
</script>
JK_10000 2003-10-23
- 打赏
- 举报
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>GetInfoFromDataBase</title>
</head>
<script>
function addFun()//JK
{
var newRow = forAddTable.rows[0].cloneNode(true);
var desRow = scoreTable.rows[scoreTable.rows.length-1];
desRow.parentElement.insertBefore(newRow,desRow);
scoreTable.rows[scoreTable.rows.length-2].all.studentNo.focus();
}
function deleteFun(deleteButton)//JK
{
var documentCheckBox=document.getElementsByName("scoreID");
if (confirm("Are you sure to delete?"))
{
scoreTable.deleteRow(deleteButton.parentElement.parentElement.rowIndex);
}
}
function getTheStudentNameFun(studentNoInput)
{
var a=showModalDialog("GetStudentByNo.jsp?studentNo="+studentNoInput.value,"","status:no;resizable:no;help:no;dialogHeight:10px;dialogWidth:10px;");
//if (a!=null)
{
studentNoInput.parentElement.parentElement.all.studentName.value=a;
}
}
function keyDownControl()
{
k=event.keyCode;
if(k==13)
{
event.keyCode=9;
}
}
</script>
<body>
<table width="100%" cellspacing="1" cellpadding="2" align="left" id="scoreTable">
<tr >
<td width=1 > </td>
<td >No</td>
<td >Name</td>
<td >Score</td>
</tr>
<tr >
<td width=1 ><input type=button value=Delete onclick="deleteFun(this);" ></td>
<td ><input name=studentNo onchange="getTheStudentNameFun(this);return ;" onkeydown="keyDownControl();"></td>
<td ><input name=studentName disabled></td>
<td ><input name=studentScore onkeydown="keyDownControl();"></td>
</tr>
<tr><td><input type=button value=Add onclick="addFun();" ></td></tr>
</table>
<table id=forAddTable disabled style="display:none">
<tr >
<td width=1 ><input type=button value=Delete onclick="deleteFun(this);" ></td>
<td ><input name=studentNo onchange="getTheStudentNameFun(this);return ;" onkeydown="keyDownControl();"></td>
<td ><input name=studentName disabled></td>
<td ><input name=studentScore onkeydown="keyDownControl();"></td>
</tr>
</table>
-------------------------------------
GetStudentByNo.jsp:
<%String theStudentName="独孤求败";%>
<
script language=javascript>
window.returnValue='<%=theStudentName%>';
window.close();
</script>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>GetInfoFromDataBase</title>
</head>
<script>
function addFun()//JK
{
var newRow = forAddTable.rows[0].cloneNode(true);
var desRow = scoreTable.rows[scoreTable.rows.length-1];
desRow.parentElement.insertBefore(newRow,desRow);
scoreTable.rows[scoreTable.rows.length-2].all.studentNo.focus();
}
function deleteFun(deleteButton)//JK
{
var documentCheckBox=document.getElementsByName("scoreID");
if (confirm("Are you sure to delete?"))
{
scoreTable.deleteRow(deleteButton.parentElement.parentElement.rowIndex);
}
}
function getTheStudentNameFun(studentNoInput)
{
var a=showModalDialog("GetStudentByNo.jsp?studentNo="+studentNoInput.value,"","status:no;resizable:no;help:no;dialogHeight:10px;dialogWidth:10px;");
//if (a!=null)
{
studentNoInput.parentElement.parentElement.all.studentName.value=a;
}
}
function keyDownControl()
{
k=event.keyCode;
if(k==13)
{
event.keyCode=9;
}
}
</script>
<body>
<table width="100%" cellspacing="1" cellpadding="2" align="left" id="scoreTable">
<tr >
<td width=1 > </td>
<td >No</td>
<td >Name</td>
<td >Score</td>
</tr>
<tr >
<td width=1 ><input type=button value=Delete onclick="deleteFun(this);" ></td>
<td ><input name=studentNo onchange="getTheStudentNameFun(this);return ;" onkeydown="keyDownControl();"></td>
<td ><input name=studentName disabled></td>
<td ><input name=studentScore onkeydown="keyDownControl();"></td>
</tr>
<tr><td><input type=button value=Add onclick="addFun();" ></td></tr>
</table>
<table id=forAddTable disabled style="display:none">
<tr >
<td width=1 ><input type=button value=Delete onclick="deleteFun(this);" ></td>
<td ><input name=studentNo onchange="getTheStudentNameFun(this);return ;" onkeydown="keyDownControl();"></td>
<td ><input name=studentName disabled></td>
<td ><input name=studentScore onkeydown="keyDownControl();"></td>
</tr>
</table>
-------------------------------------
GetStudentByNo.jsp:
<%String theStudentName="独孤求败";%>
<
script language=javascript>
window.returnValue='<%=theStudentName%>';
window.close();
</script>
</body>
</html>
