请问用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>
表单是可以生成的,但是按钮是没有效果的请问这个问题要怎么解决?
李晓健