亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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 關注
  • 2176 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號