WEB代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="BatchAdd.aspx.cs" Inherits="BatchAdd" %>

<!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 runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server" action="BatchAdd.aspx">

    <div>

        <table id="tblData">

            <tr>

                <td>

                    ID

                </td>

                <td>

                    Title

                </td>

                <td>

                    SmallClassName

                </td>

                <td>

                    Author

                </td>

                <td>

                    UpdateTime

                </td>

            </tr>

            <tr id="tRow0">

                <td>

                    <input type="text" id="txtID" name="txtID0" />

                </td>

                <td>

                    <input type="text" id="txtTitle" name="txtTitle0" />

                </td>

                <td>

                    <input type="text" id="txtSmallClassName" name="txtSmallClassName0" />

                </td>

                <td>

                    <input type="text" id="txtAuthor" name="txtAuthor0" />

                </td>

                <td>

                    <input type="text" id="txtUpdateTime" name="txtUpdateTime0" />

                </td>

            </tr>

        </table>

        <input type="hidden" id="hidNum" name="hidNum" value="0" />

        <input type="button" id="btnAdd" value="Add" />

        <input type="submit" id="btnSave" value="Save" />

    </div>

    </form>

</body>

</html>

<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">

    $(function() {

        $("#btnAdd").click(function() {

            var num = $("#hidNum").val(); //

            num = parseInt(num);

            num++; //点击自加

            $("#hidNum").val(num); //重新赋值

            $("#tRow0").clone(true).attr("id", "tRow" + num).appendTo("#tblData"); //clone tr 并重新给定ID,装到table

            $("#tRow" + num + " td").each(function() {//循环克隆的新行里面的td

                $(this).find("input[type='text']").val(""); //清空克隆行的数据

//修改相关属性

                $(this).find("input[name='txtID0']").attr("id", "txtID" + num).attr("name", "txtID" + num);

                $(this).find("input[name='txtTitle0']").attr("id", "txtTitle" + num).attr("name", "txtTitle" + num);

                $(this).find("input[name='txtSmallClassName0']").attr("id", "txtSmallClassName" + num).attr("name", "txtSmallClassName" + num);

                $(this).find("input[name='txtAuthor0']").attr("id", "txtAuthor" + num).attr("name", "txtAuthor" + num);

                $(this).find("input[name='txtUpdateTime0']").attr("id", "txtUpdateTime" + num).attr("name", "txtUpdateTime" + num);

            });

        });

    });

</script>

cs页面代码:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class BatchAdd : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!string.IsNullOrEmpty(Request["hidNum"]))

        {

            int num = Convert.ToInt32(Request["hidNum"]);

            string id, title, smallClassName, author, updatetime;

            int rs = ;

            if (num > )

            {

                for (int i = ; i <= num; i++)

                {

                    id = Request["txtID" + i];

                    title = Request["txtTitle" + i];

                    smallClassName = Request["txtSmallClassName" + i];

                    author = Request["txtAuthor" + i];

                    updatetime = Request["txtUpdateTime" + i];

                    string sql = "insert into News(Title,SmallClassName,Author,Updatetime) values('" + title + "','" + smallClassName + "','" + author + "','" + updatetime + "')";

                    DBHelper.connString = "server=.;database=test;uid=sa;pwd=123";

                    if (DBHelper.ExecuteSql(sql) > )

                        rs++;

                }

                Response.Redirect("Manager.aspx?rs=" + rs);

            }

        }

    }

}

巧妙使用JQuery Clone 添加多行数据，并更新到数据库的更多相关文章

  1. 巧妙使用JQuery Clone 添加多行数据，并更新到数据库的实现代码

    web前端代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="BatchAd ...

  2. jquery 动态添加表格行

    jquery 动态添加表格行 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <h ...

  3. jquery dataTable 获取某行数据

    DataTable API table.row(rowSelector [,modifier]) 注table是dataTable的对象 该方法有两个默认参数 第一个是选择器 第二个是可选的 请注意, ...

  4. JQuery对ASP.NET MVC数据进行更新删除

    以前学习ASP.NET MVC时,学习与应用,操作过数据显示,添加,编辑,更新和删除等功能. 很多方法是相通的,看自己是怎样来进行方便,快捷,高效率. 今天Insus.NET写的练习,是直接对绑定在T ...

  5. 为何jquery动态添加的input value无法提交到数据库？【坑】

    有两个输入框,我想让第一个输入框失去焦点以后,第二个输入框自动获取第一个输入框的value为默认值,jquery代码如下,可以正常显示,但是用PHP提交数据,并插入数据库的时候确实空值,尚未查找到原因 ...

  6. C#读取Txt大数据并更新到数据库

    环境 Sqlserver 2016 .net 4.5.2 目前测试数据1300万 大约3-4分钟.(限制一次读取条数 和 线程数是 要节省服务器资源,如果调太大服务器其它应用可能就跑不了了), Sql ...

  7. Jquery动态添加多行，返回数据至每一行中

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="sys_channel_ed ...

  8. Jquery下拉列表添加移除数据

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. jquery动态添加表单数据

    动态添加用户 实现代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html ...

随机推荐

  1. k8s 部署应用程序

    k8s相关工具介绍: Kubeadm Kubeadm解决了处理TLS加密配置.部署核心Kubernetes组件和确保其他节点可以轻松地加入集群的问题.生成的集群通过RBAC等机制得到保护. 有关Kub ...

  2. MacOS下，Python2和Python3完美兼容使用(转)

    问题阐述: MacOS默认Python版本是2.7.10,随着Python3的进一步占有市场,Python2.7也将在2020年结束维护,所以在同一台电脑上安装多个Python版本势在必行. 一.py ...

  3. 设计模式UML模型图

    1.抽象工厂(Abstract Factory)模式 意图:为特定的客户(或情况)提供特定系列的对象. 2.类的适配器(Adapter)模式 意图:将一个类的接口转换成客户希望的另外一个接口. 3.对 ...

  4. UVa 10256（凸包、线段交、点在多边形内）

    要点 红蓝点分别求凸包显然 判断两凸包是否相交方法:所有红点不在蓝凸包内,反之亦然:所有红凸包线不与蓝凸包线相交,反之亦然. 书上让特判一下凸包退化成点或线段的情况,为什么我感觉代码仓库的代码并没特判 ...

  5. 09.Spring Bean 注册 - BeanDefinitionRegistry

    基本概念 BeanDefinitionRegistry ,该类的作用主要是向注册表中注册 BeanDefinition 实例,完成 注册的过程. 它的接口定义如下: public interface ...

  6. POJ - 3450

    题目链接:http://poj.org/problem?id=3450 Corporate Identity Time Limit: 3000MS   Memory Limit: 65536K Tot ...

  7. 洛谷P4133 [BJOI2012]最多的方案(记忆化搜索)

    题意 题目链接 求出把$n$分解为斐波那契数的方案数,方案两两不同的定义是分解出来的数不完全相同 Sol 这种题,直接爆搜啊... 打表后不难发现$<=1e18$的fib数只有88个 最先想到的 ...

  8. [转]Linux中如何读写硬盘上指定物理扇区

    读指定物理扇区: dd  if=<源设备>  of=<输出设备或文件>   skip=<指定扇区值>  bs=512 count=1 写指定物理扇区: dd   i ...

  9. 【Android开发笔记】程序崩溃异常总结

    广播注册相关(broadcastReceiver) 没有注册广播就注销广播 注册广播但未注销广播 注册广播后重复注销广播 解决办法: 添加一个布尔变量,注册广播后为true,若为true在执行注销,注 ...

  10. 网页编辑器CKEditor4.3.1+CKFinder2.4+JW Player6.7（视频播放器）集成

    CKEditor是使用最多的一款在线网页编辑器,不仅好用,而且功能强大.易扩展.浏览器兼容性好.另外,CKEditor网页编辑器经常更新.本程序使用的是最新稳定版CKEditor4.3.1,添加使用了 ...