Jqtable edit - 走看看

zoukankan html css js c++ java

Jqtable edit

<!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=utf-8" /> <title>豪情</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <style> p{line-height:23px;margin:0;padding:0;} table,th,td{border:1px solid #96C2F1;border-collapse:collapse;} tr{cursor:pointer;} </style> <script> $(function(){ $('#tab tr').click(function(){ $(this).find('td').each(function(i){ $('form>input').eq(i).val($(this).text()); }); alert($('form>input').eq(1).val()); });x }); </script> </head> <body> <form action=""> 姓名：<input type="text" name="" id="" /> QQ：<input type="text" name="" id="" /> E-mail：<input type="text" name="" id="" /> <input type="button" value="修改" /> <table id="tab" width="680" style="margin-top:10px;"> <tr> <th>姓名</th> <th>QQ</th> <th>E-mail</th> </tr> <tr> <td>豪情</td> <td>249056406</td> <td>jikeytang@gmail.com</td> </tr> <tr> <td>Jikey</td> <td>123</td> <td>puag@gmail.com</td> </tr> <tr> <td>Tont</td> <td>456</td> <td>tangjikey@gmail.com</td> </tr> </table> </form> </body> </html>

查看全文

相关阅读:
自己设计大学排名-数据库实践
 自己设计大学排名-数据库实践
 自己设计大学排名-数据库实践
 自己的第一个网页
 类和正则表达（自动更正，和代数运算）
第一个爬虫和测试
 第一个爬虫和测试
 科学计算和可视化
 数据库分表后如何处理事务问题
 jquery下滑到一定高度后，顶部固定