为了账号安全,请及时绑定邮箱和手机立即绑定

javascript如何实现选择表格数据

javascript如何实现选择表格数据

鑫强 2015-11-21 18:26:11
请问用javascript 如何实现将表格中的数据添加到input当中,我用的是for循环创建的表格从回台传送过来的JSON数据,<!DOCTYPE html><html><head>    <meta http-equiv="Content-Type"; Content-Type="text/html"; charset="utf-8";>    <title>Document</title></head><body><input type="text" id="input1"><input type="text" id="input2"><input type="text"><table name="table1">    <tr>        <th>姓名</th>        <th>性别</th>    </tr>    <tbody id="tbody">            </tbody></table></body>    <script type="text/javascript">        td("张三","男");        td("李四","男");        td("王五","男");        td("赵六","男");        td("小花","女");        function td(name,sex){        for(var i=1; i<6; i++){        var main = document.body;        var myname = document.createElement("td");        myname.innerHTML=name;        var mysex = document.createElement("td");          mysex.innerHTML=sex;          var button = document.createElement("button");          button.name="Hello";          button.innerHTML="点击修改按钮";           button.onclick=function(){hello();}           function hello(){          var input1=document.getElementById("input1");          var input2=document.getElementById("input2");          var button=document.getElementsByName("Hello");          var s1 =button[1].parentNode.previousSibling.previousSibling;          var s2 = s1.nextSibling;          input1.value=s1.innerHTML;          input2.value=s2.innerHTML;          }          var updata = document.createElement("td");          updata.appendChild(button);          var tr= document.createElement("tr");          tr.name="tr";          tr.class="tr";          tr.appendChild(myname);          tr.appendChild(mysex);          tr.appendChild(updata);          }          var tbody = document.getElementById("tbody");          tbody.appendChild(tr);      }    </script></html>表单是可以生成的,但是按钮是没有效果的请问这个问题要怎么解决?
查看完整描述

1 回答

已采纳
?
李晓健

TA贡献1036条经验 获得超461个赞

button.onclick=function(){
    var input1=document.getElementById("input1");
    var input2=document.getElementById("input2");
    var button=document.getElementsByName("Hello");
    var s1 =this.parentNode.previousSibling.previousSibling;
    var s2 = s1.nextSibling;
    input1.value=s1.innerHTML;
    input2.value=s2.innerHTML;
}

不知道这是不是你想要结果,只帖了我修改过的代码,你其他的代码都不用修改

查看完整回答
反对 回复 2015-11-21
  • 鑫强
    鑫强
    非常感谢你的解答,我要的就是这样的效果
  • 1 回答
  • 0 关注
  • 2095 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信