永发信息网

关于javascript一段代码是:无刷新效果更改表格的某行

答案:2  悬赏:60  手机版
解决时间 2021-03-19 15:55
  • 提问者网友:不爱我么
  • 2021-03-19 01:30
我从书中摘录以下代码是:无刷新效果更改表格的某行。实现效果是点击“修改”后在文本框中出现要修改的数据,在文本框中重新修改数据后,点击“确定”后,再在原来的表格中显示新修改的数据。请问怎么不行?<br>&lt;html&gt;<br>&lt;head&gt;<br>&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot;&gt;<br>&lt;title&gt;无标题文档&lt;/title&gt;<br>&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;<br>&lt;!--<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(&quot;没有信息&quot;)<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=&quot;&quot;<br>document.frmDOMTb.textGender.value=&quot;&quot;<br>document.frmDOMTb.textAge.value=&quot;&quot;<br>document.frmDOMTb.textHeight.value=&quot;&quot;<br>document.frmDOMTb.textWeight.value=&quot;&quot;<br>curRow = null<br>}<br>//--&gt; <br>&lt;/script&gt;<br>&lt;/head&gt;<br><br>&lt;body&gt;<br>  &lt;form name=&quot;frmDOMTb&quot; method=&quot;post&quot; action=&quot;#&quot;&gt;<br> &lt;table width=&quot;939&quot;  align=&quot;center&quot; border=&quot;1&quot;&gt;<br>  &lt;thead&gt;<br>   &lt;tr&gt;<br>     &lt;th&gt;姓名&lt;/th&gt;<br>     &lt;th&gt;性别&lt;/th&gt;<br>     &lt;th&gt;年龄&lt;/th&gt;<br>     &lt;th&gt;身高&lt;/th&gt;<br>     &lt;th&gt;体重&lt;/th&gt;<br>     &lt;th&gt;操作&lt;/th&gt;<br>     &lt;/tr&gt;<br>   &lt;/thead&gt;<br>   &lt;tbody&gt;<br>    &lt;tr&gt;<br>   &lt;td&gt;Tom&lt;/td&gt;<br>   &lt;td&gt;男&lt;/td&gt;<br>   &lt;td&gt;20&lt;/td&gt;<br>   &lt;td&gt;178&lt;/td&gt;<br>   &lt;td&gt;70&lt;/td&gt;<br>   &lt;td&gt;<br>     &lt;input name=&quot;button&quot; type=&quot;button&quot; onClick=&quot;mod(this)&quot; value=&quot;修改&quot;&gt;<br>   &lt;/td&gt;<br>    &lt;/tr&gt;<br><br>    &lt;tr&gt;<br>   &lt;td&gt;Jerry&lt;/td&gt;<br>   &lt;td&gt;男&lt;/td&gt;<br>   &lt;td&gt;20&lt;/td&gt;<br>   &lt;td&gt;185&lt;/td&gt;<br>   &lt;td&gt;75&lt;/td&gt;<br>   &lt;td&gt;<br>     &lt;input name=&quot;button&quot; type=&quot;button&quot; onClick=&quot;mod(this)&quot; value=&quot;修改&quot;&gt;<br>   &lt;/td&gt;<br>    &lt;/tr&gt;<br>  &lt;/tbody&gt;<br> &lt;/table&gt;<br> &lt;table width=&quot;557&quot;  border=&quot;1&quot;&gt;<br>   &lt;tr&gt;<br>  &lt;td width=&quot;129&quot;&gt;姓名&lt;/td&gt;<br>  &lt;td width=&quot;129&quot;&gt;<br>    &lt;input type=&quot;text&quot; name=&quot;textName&quot; value=&quot;&quot;&gt;<br>  &lt;/td&gt;<br>  &lt;td width=&quot;129&quot;&gt;性别&lt;/td&gt;<br>  &lt;td width=&quot;142&quot;&gt;<br>    &lt;input type=&quot;text&quot; name=&quot;textGender&quot; value=&quot;&quot;&gt;<br>  &lt;/td&gt;<br>   &lt;/tr&gt;<br>   &lt;tr&gt;<br>  &lt;td&gt;年龄&lt;/td&gt;<br>  &lt;td&gt;<br>    &lt;input type=&quot;text&quot; name=&quot;textAge&quot; value=&quot;&quot;&gt;<br>  &lt;/td&gt;<br>  &lt;td&gt;身高&lt;/td&gt;<br>  &lt;td&gt;<br>    &lt;input type=&quot;text&quot; name=&quot;textHeight&quot; value=&quot;&quot;&gt;<br>  &lt;/td&gt;<br>   &lt;/tr&gt;<br>   &lt;tr&gt;<br>  &lt;td&gt;体重&lt;/td&gt;<br>  &lt;td colspan=&quot;3&quot;&gt;<br>    &lt;input type=&quot;text&quot; name=&quot;textWeight&quot; value=&quot;&quot;&gt;<br>  &lt;/td&gt;<br>   &lt;/tr&gt;<br>   &lt;tr&gt;<br>  &lt;td colspan=&quot;4&quot; align=&quot;center&quot;&gt;<br>    &lt;input type=&quot;button&quot; value=&quot;确定&quot; onClick=&quot;cfm()&quot;&gt;<br>  &lt;/td&gt;<br>   &lt;/tr&gt;<br> &lt;/table&gt;<br>  &lt;/form&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;
最佳答案
  • 五星知识达人网友:你哪知我潦倒为你
  • 2021-03-19 02:19
你确定是“从书中摘录以下代码”吗? 盗版书吧,害苦你了。。。呵呵开玩笑。

function mod(btnObj)
{
var _tr = btnObj.parentElement.parentElement;
var curRow = _tr // 这句错了,去掉var,其它都不用改
............
全部回答
  • 1楼网友:平生事
  • 2021-03-19 02:54
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯