javascript如何实现选择表格数据

请问用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>

表单是可以生成的,但是按钮是没有效果的请问这个问题要怎么解决?


鑫强
浏览 2141回答 1
1回答

李晓健

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; }不知道这是不是你想要结果,只帖了我修改过的代码,你其他的代码都不用修改
打开App,查看更多内容
随时随地看视频慕课网APP