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

 

<!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

 

 

posted @ 2015-11-19 09:41  zfswff  阅读(2478)  评论(0编辑  收藏  举报