iview table增加一行减少一行_jquery动态增加行并保存数据

本文将主要代码整理如下：

1、引入jquery

2、html代码

<tbody id="tbody1">                <tr class="onetr">                    <td>                        <input type="text" name="zy"  />                    td>                    <td>                        <input type="text" name="yt" />                    td>                    <td>                        <input type="text" name="sj"  onfocus="WdatePicker({autoPickDate:true,dateFmt:'yyyy-MM-dd'})" style="width: 120px;"/>                    td>                    <td>                        <input type="text" name="je" />                    td>                    <td>                        <input type="text" name="pzs" />                    td>                    <td>                        <input type="text" name="fkfs" value="网银转账"/>                    td>                    <td>td>                tr>            tbody>

3、jq代码

增加一行

 <script type="text/javascript">        //添加一行        $("#addrow").click(function () {            var html = '' +                   '' +                    '' +                    ' ' +                    '' +                    '' +                   ' ' +                   '' +                    ' ';            $('#tbody1').append(html);        });        //删除当前行        function deleteTr(nowTr) {            //多一个parent就代表向前一个标签,            // 本删除范围为两个标签,即向前两个parent            //如果多一个parent就会删除整个table            $(nowTr).parent().parent().remove();        }        function save() {            var str = "";            $('.onetr').each(function () {                var zy = $(this).find("input[name='zy']").val();                var yt = $(this).find("input[name='yt']").val();                var sj = $(this).find("input[name='sj']").val();                var je = $(this).find("input[name='je']").val();                var pzs = $(this).find("input[name='pzs']").val();                var fkfs = $(this).find("input[name='fkfs']").val();                if (zy != '' && yt != '' && sj != '' && je != '' && pzs != '' && fkfs != '') {                    str += zy + "," + yt + "," + sj + "," +je + "," + pzs + "," + fkfs + "|";                                }            })            console.log(str);            $("#").val(str);        };    </script>

4、保存

 <asp:Button ID="add" runat="server" Text="保存全部" OnClick="add_Click1" OnClientClick="save()"/><asp:HiddenField ID="HiddenField1" runat="server" Value="" />

protected void add_Click1(object sender, EventArgs e)        {            string str = HiddenField1.Value;            string[] ss = str.Split('|');            int i = 0;            foreach (var item in ss)            {                if (string.IsNullOrEmpty(item))                {                    continue;                }                string[] ss2 = item.Split(',');                string zy = ss2[0];                string yt = ss2[1];                string sj = ss2[2];                string je = ss2[3];                string pzs = ss2[4];                string fkfs = ss2[5];                Model.pastelist model = new Model.pastelist();                model.listid = listid.Text.Trim();                model.dwmc = dwmc.Text.Trim();                model.rq = Convert.ToDateTime(rq.Text.Trim());                model.dw = dw.Text.Trim();                model.zy = zy;                model.yt = yt;                model.sj = Convert.ToDateTime(sj);                model.je = Convert.ToDecimal(je);                model.pzs = Convert.ToInt32(pzs);                model.fkfs = fkfs;                int res = new DAL.pastelist().Add(model);                i = i + res;             }//遍历结束            if (i>0)            {                Response.Write(");            }                              }//按钮事件结束