首页 > Web开发 > 详细

html 如何获取表格中所选行的一行数据,并赋值到对应的TEXT里面?

时间:2015-11-19 11:01:37      阅读:320      评论:0      收藏:0      [点我收藏+]

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script language="javascript"> function cc(){ var bb=document.getElementById("abc").getElementsByTagName("td"); for(var i=0;i<bb.length;i++){ bb[i].onclick= function(){  document.form1.txt.value=this.innerText; } } } </script> </head>

<body>  点下单元格看看  <table width="600" border="1" cellspacing="0" cellpadding="0" id="abc">   <tr>     <td height="20" align="center">11</td>     <td align="center">22</td>     <td align="center">33</td>   </tr>   <tr>     <td height="20" align="center">wer</td>     <td align="center">werf</td>     <td align="center">sdf</td>   </tr>   <tr>     <td height="20" align="center">sdf</td>     <td align="center">wer</td>     <td align="center">ewr</td>   </tr>   <tr>     <td height="20" align="center">sdf</td>     <td align="center">sdf</td>     <td align="center">sdf</td>   </tr> </table> <p> </p> <form id="form1" name="form1" method="post" action="">   <input type="text" name="txt" id="txt" /> </form> <p> </p> <p><br /> </p> <script language="javascript"> cc(); </script> </body> </html>

 

 

点下单元格看看 

11 22 33
wer werf sdf
sdf wer ewr
sdf sdf sdf

 

 

html 如何获取表格中所选行的一行数据,并赋值到对应的TEXT里面?

原文:http://www.cnblogs.com/zfswff/p/4976618.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!