请问用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; }
不知道这是不是你想要结果,只帖了我修改过的代码,你其他的代码都不用修改
添加回答
举报
0/150
提交
取消