问题描述
假设要做一个考情的表有个数据库的表叫useruser中有一个字段是fname我希望能生成这样的效果,查询user表,然后生成如下的表格供我填写 名字 星期一 星期二 星期三user.fname (可填写) (可填写) (可填写)user.fname (可填写) (可填写) (可填写)user.fname (可填写) (可填写) (可填写) user中有多少条记录,这里就能生成多少行。然后我把该表填完后可以提交,后台能获取相应的值希望各位能帮我解决写出详细的代码(后台的代码不用写)非常感谢!!!
解决方案
例子,可以根据实际需要进行修改:<!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="jquery-1.4.4.js"></script><script type="text/javascript">// 模拟待查询的用户名var userNames = ["小明", "小光", "小红", "李彬", "李银"];/** * 页面加载完毕后执行操作 */$(function() {/** * 为查询按添加单击事件 */$("#queryBut").click(function() {// 从第二行开始删除$("#contentTable tr:gt(0)").remove();// 获取查询值var queryValue = $.trim($("#queryText").val());// 循环所有用户名, 模糊查询出符合条件的用户名, 添加考勤记录for (var i in userNames) {// 模糊查询出名字if (queryValue && userNames[i].indexOf(queryValue) != -1) {var tr = "<tr>"tr += "<td>" + userNames[i] + "</td>";tr += "<td><input type='text' /></td>";tr += "<td><input type='text' /></td>";tr += "<td><input type='text' /></td>";tr += "<td><input type='text' /></td>";tr += "<td><input type='text' /></td>";$("#contentTable").append(tr);}}});});</script></head><body><input type="text" id="queryText" value="小" /><input type="button" value="查询" id="queryBut" /> <table id="contentTable" width="500px" border="1"> <tr> <td nowrap="nowrap">名字</td> <td>星期一</td> <td>星期二</td> <td>星期三</td> <td>星期四</td> <td>星期五</td> </tr> </table></body></html>
解决方案二:
使用jQuery实现的官方网站:http://jquery.com/