永发信息网

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

答案:2  悬赏:60  手机版
解决时间 2021-03-19 15:55
我从书中摘录以下代码是:无刷新效果更改表格的某行。实现效果是点击“修改”后在文本框中出现要修改的数据,在文本框中重新修改数据后,点击“确定”后,再在原来的表格中显示新修改的数据。请问怎么不行?<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;
最佳答案
你确定是“从书中摘录以下代码”吗? 盗版书吧,害苦你了。。。呵呵开玩笑。

function mod(btnObj)
{
var _tr = btnObj.parentElement.parentElement;
var curRow = _tr // 这句错了,去掉var,其它都不用改
............
全部回答
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
别生气啦 英语翻译?
街头篮球蜜桔适合什么职业
雷州籍在中央任职有谁
岭前地址在什么地方,想过去办事
脾虚艾灸哪些穴位
摩尔庄园 在哪卖种子?
一个60珍珠能加多少耐久
骑马与砍杀混乱世界怎么不能用药
ISmc比赛30进15现场录音
单选题Theworkersandtheemployers______
中联医药孝丰NO.1地址在什么地方,想过去办事
孢子的最终结局是什么?
变色近视镜片好不好?
中横线用英语怎么说
河西车站地址在什么地方,想过去办事
推荐资讯
华天学生公寓7号楼我想知道这个在什么地方
公司有个同事不干活,经理把他的活都退给我我
征途职业套装效果从蓝色到强紫需要多少职业宝
淘宝店铺装修如何复制放大镜效果模块
机票已经付款后台还可以修改号码吗
小学语文句型转换练习题及答案
肇庆到珠海要多久
浙江德胜汽配市场怎么去啊,有知道地址的么
6.29wh等干多少mah
求一张一对情侣躺在草地上看星星的铅笔画
建湖县华冶液压件厂这个地址在什么地方,我要
龙马BL文,龙马是主攻,要穿越文的
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?