首頁猿問 javascript如何實(shí)現(xiàn)選擇表格數(shù)據(jù)

javascript如何實(shí)現(xiàn)選擇表格數(shù)據(jù)

JavaScript PHP

鑫強(qiáng) 2015-11-21 18:26:11

請(qǐng)問用javascript 如何實(shí)現(xiàn)將表格中的數(shù)據(jù)添加到input當(dāng)中，我用的是for循環(huán)創(chuàng)建的表格從回臺(tái)傳送過來的JSON數(shù)據(jù)，<!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="點(diǎn)擊修改按鈕";? ?? ??? ? 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>表單是可以生成的，但是按鈕是沒有效果的請(qǐng)問這個(gè)問題要怎么解決？

查看完整描述

1 回答

已采納

李曉健

TA貢獻(xiàn)1036條經(jīng)驗(yàn) 獲得超461個(gè)贊

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;
}

不知道這是不是你想要結(jié)果，只帖了我修改過的代碼，你其他的代碼都不用修改

反對(duì) 回復(fù) 2015-11-21