动态生成可修改的表格,并且表格内的值可以传递后台

问题描述

假设要做一个考情的表有个数据库的表叫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/

时间: 2024-10-29 22:20:51

动态生成可修改的表格,并且表格内的值可以传递后台的相关文章

请教:如何用asp.net动态生成表格

问题描述 asp.net动态生成表格,表格某列有不一样的控件,或Textbox,或Dropdownlist,现在生成后,如何在控件里输入值,然后插入到数据库中,同时因为表格行列不固定,数据库怎么设计 解决方案 解决方案二:行列不固定,可以用稀疏矩阵的方法表示.解决方案三:该回复于2012-03-21 09:02:34被版主删除解决方案四:该回复于2012-03-21 09:02:35被版主删除解决方案五:像LZ这样需要动态生成的效果的话建议还是直接在后台拼接html代码比较方法,如果需要text

请问winform动态生成的控件如何保存位置等信息?

问题描述 就是关闭之后,下次打开,动态生成的控件还能在原来的位置,而不是重置,如果直接设置的控件我可以写入到xml当中,下次读取,但是动态生成呢,比如说点击一个button然后可以生成另外一个可以拖动的button,在运行界面我拖动新生成button到某个位置,关闭之后再次打开,我希望新生成的button还在,谢谢各位! 解决方案 本帖最后由 haixilk 于 2014-07-11 10:42:36 编辑解决方案二:最简单的用this.Hide()this.Show()解决方案三:关闭的时候保

JS实现动态生成表格并提交表格数据向后端_javascript技巧

本文实例介绍了JS实现动态生成表格并向后端提交表格数据的相关代码,分享给大家供大家参考,具体内容如下 先来看一下需求:在web页面上动态的生成表格,并可以对表格中的数据进行编辑,然后把表格中的数据提交至后端服务器保存. 那么我们首先需要解决的是动态生成表格的问题 1.首先我们需要导入JS库文件. <script src="../js/jqui/jquery/jquery-1.5.2.min.js" type="text/javascript"></

Extjs动态生成表格

在web显示数据时,会遇到grid的列数和行数不确定的这种情况.如何来根据数据动态的创建表格呢? Extjs 的json data给我们带来了一个很好的比较简单的方法. 要创建一个grid需要确定它的列数,再根据数据的数量就可以确定行数了. 看到有人用过一种方法就是讲列的属性和数据一起放在json data里去,这样可以达到效果,但是不难发现,这样的话,就很难进行分页或者更新表格里的数据. 其实我们可以结合extjs官网上的那种固定列数的访问方法来动态生成表格. 首先通过Ajax从服务端反回列的

js动态生成指定行数的表格

下面用js实现可以生成用户所需行数的表格. 1.首先在body中填入下列代码,获取用户填入的行数值 1 <table> 2 <tr> 3 <td>动态生成表格</td> 4 <td><input id="Cold" type="text" class="input" size="10" name="Num"/>行</td>

Jquery 动态生成表格示例代码

 在某些特殊的情况下是需要动态生成表格的,下面为大家详细介绍下使用jquery是如何做到的,感兴趣的朋友不要错过 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">  <html>  <head>  <meta http-equiv="Content

JS控制网页动态生成任意行列数表格的方法

 这篇文章主要介绍了JS控制网页动态生成任意行列数表格的方法,实例分析了javascript操作表格节点控制dom元素添加的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS控制网页动态生成任意行列数表格的方法.分享给大家供大家参考.具体分析如下: 这是一个非常简单使用的JS在线生成表格的代码效果 通过JS功能代码,直接输入行数和列数就可以自动生成你需要的表格 当然你也可以扩展JS代码实现生成文字的各种形式   代码如下: <html> <head> &l

JQuery Ajax动态生成Table表格_AJAX相关

前言: 本示例大概功能是前台通过JQuery的Ajax调用一般处理程序(Handler),获取表格需要显示的信息,然后转换成json格式返回给前台,前台获取到数据后循环构建表格的行,最好把行附加到表里. 目标: a 熟悉简单JQuery Ajax的使用 b 了解如何构造基本的Json格式的数据(构建Json也可以通过第三方的dll) c 熟悉下handler的基本用法 1 简单效果图 2 前台代码 <%@ Page Language="C#" AutoEventWireup=&q

用jquery怎么动态生成表格

问题描述 用jquery怎么动态生成表格 求大神帮忙![CSDN移动问答][1] ![CSDN移动问答][1] 表头已经固定了,本人是个jquery小白 最好写上每一步都是干什么的 ![CSDN移动问答][1] http://hi.baidu.com/nyrbduupwobikwd/item/e0d28c1941bc9563f1090e66 解决方案 取到整个table对象 $("table") 然后取他的子对象 $("table").children() 然后取他