关于javascript一段代码是:无刷新效果更改表格的某行
答案:2 悬赏:60 手机版
解决时间 2021-03-19 15:55
- 提问者网友:不爱我么
- 2021-03-19 01:30
我从书中摘录以下代码是:无刷新效果更改表格的某行。实现效果是点击“修改”后在文本框中出现要修改的数据,在文本框中重新修改数据后,点击“确定”后,再在原来的表格中显示新修改的数据。请问怎么不行?<br><html><br><head><br><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br><title>无标题文档</title><br><script language="javascript" type="text/javascript"><br><!--<br>var curRow = null<br>function mod(btnObj)<br>{<br> var _tr = btnObj.parentElement.parentElement;<br> var curRow = _tr<br> var _name = _tr.cells[0].innerText;<br> var _gender = _tr.cells[1].innerText;<br> var _age = _tr.cells[2].innerText;<br> var _height = _tr.cells[3].innerText;<br> var _weight = _tr.cells[4].innerText;<br> document.frmDOMTb.textName.value = _name;<br> document.frmDOMTb.textGender.value = _gender;<br> document.frmDOMTb.textAge.value = _age;<br> document.frmDOMTb.textHeight.value = _height;<br> document.frmDOMTb.textWeight.value = _weight;<br><br>}<br>function cfm()<br>{<br> if(curRow == null)<br> {<br> window.alert("没有信息")<br> return;<br> }<br>curRow.cells[0].innerText = document.frmDOMTb.textName.value<br>curRow.cells[1].innerText = document.frmDOMTb.textGender.value<br>curRow.cells[2].innerText = document.frmDOMTb.textAge.value<br>curRow.cells[3].innerText = document.frmDOMTb.textHeight.value<br>curRow.cells[4].innerText = document.frmDOMTb.textWeight.value<br>document.frmDOMTb.textName.value=""<br>document.frmDOMTb.textGender.value=""<br>document.frmDOMTb.textAge.value=""<br>document.frmDOMTb.textHeight.value=""<br>document.frmDOMTb.textWeight.value=""<br>curRow = null<br>}<br>//--> <br></script><br></head><br><br><body><br> <form name="frmDOMTb" method="post" action="#"><br> <table width="939" align="center" border="1"><br> <thead><br> <tr><br> <th>姓名</th><br> <th>性别</th><br> <th>年龄</th><br> <th>身高</th><br> <th>体重</th><br> <th>操作</th><br> </tr><br> </thead><br> <tbody><br> <tr><br> <td>Tom</td><br> <td>男</td><br> <td>20</td><br> <td>178</td><br> <td>70</td><br> <td><br> <input name="button" type="button" onClick="mod(this)" value="修改"><br> </td><br> </tr><br><br> <tr><br> <td>Jerry</td><br> <td>男</td><br> <td>20</td><br> <td>185</td><br> <td>75</td><br> <td><br> <input name="button" type="button" onClick="mod(this)" value="修改"><br> </td><br> </tr><br> </tbody><br> </table><br> <table width="557" border="1"><br> <tr><br> <td width="129">姓名</td><br> <td width="129"><br> <input type="text" name="textName" value=""><br> </td><br> <td width="129">性别</td><br> <td width="142"><br> <input type="text" name="textGender" value=""><br> </td><br> </tr><br> <tr><br> <td>年龄</td><br> <td><br> <input type="text" name="textAge" value=""><br> </td><br> <td>身高</td><br> <td><br> <input type="text" name="textHeight" value=""><br> </td><br> </tr><br> <tr><br> <td>体重</td><br> <td colspan="3"><br> <input type="text" name="textWeight" value=""><br> </td><br> </tr><br> <tr><br> <td colspan="4" align="center"><br> <input type="button" value="确定" onClick="cfm()"><br> </td><br> </tr><br> </table><br> </form><br></body><br></html>
最佳答案
- 五星知识达人网友:你哪知我潦倒为你
- 2021-03-19 02:19
你确定是“从书中摘录以下代码”吗? 盗版书吧,害苦你了。。。呵呵开玩笑。
function mod(btnObj)
{
var _tr = btnObj.parentElement.parentElement;
var curRow = _tr // 这句错了,去掉var,其它都不用改
............
function mod(btnObj)
{
var _tr = btnObj.parentElement.parentElement;
var curRow = _tr // 这句错了,去掉var,其它都不用改
............
全部回答
- 1楼网友:平生事
- 2021-03-19 02:54
额
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯