表单新增删除行

 

开发工具与关键技术：  vs       表单新增删除行

作者：      周乐献       

撰写时间：   2019      年    7     月     8   日

 

var ArrLetter = new Array("1", "2", "3", "4", "5", "6", "7");

        function AdditionDetailOne() {

            var optionCount = $("#detail").find(".PurchaseIndent").length;

           

            if (optionCount >= 7) {

                layer.msg("已经是最后一行了，不能再添加行了",

                 { icon: 0, skin: "layui-layer-molv" });

            } else {

                    var str =

                              '<tr class="PurchaseIndent">' +

                              '<td>' +

                              ArrLetter[optionCount] +

                              '</td>' +

                              '<td data-field="PJBM"><input class="layui-input layui-table-edit hei" id="PJBM' + optionCount + '"value=" " name="PJBM" /></td>' +

                              '<td data-field="PJMC"><input class="layui-input layui-table-edit" id="PJMC" name="PJMC' + optionCount + '"value="" /></td>' +

                              '<td data-field="PurchaseGG"><input class="layui-input layui-table-edit" id="PurchaseGG' + optionCount + '"value="" name="PurchaseGG" /></td>' +

                              '<td data-field="PurchaseCX"><select class="form-control" id="PurchaseCX' + optionCount + '"value="" name="PurchaseCX"><option value="0">--请选择--</option></select></td>' +

                              '<td data-field="PurchaseDW"><input class="layui-input layui-table-edit" id="PurchaseDW' + optionCount + '"value="" name="PurchaseDW" /></td>' +

                              '<td data-field="PurchaseDJ"><input class="layui-input layui-table-edit" id="PurchaseDJ' + optionCount + '"value="" name="PurchaseDJ" /></td>' +

                              '<td data-field="PurchaseSL"><input class="layui-input layui-table-edit" id="PurchaseSL' + optionCount + '"value="" name="PurchaseSL" /></td>' +

                              '<td data-field="PurchaseZK"><input class="layui-input layui-table-edit" id="PurchaseZK' + optionCount + '"value="" name="PurchaseZK" /></td>' +

                              '<td data-field="PurchaseJE"><input class="layui-input layui-table-edit" id="PurchaseJE' + optionCount + '"value="" name="PurchaseJE" /></td>' +

                              '</tr>';

                    $("#detail").append(str);

 

                    createSelect("PurchaseCX" + optionCount + "", "MotorcycleType");

 

 

            }  

        }

 

        function DeleteDetailOne() {

            var optionCount = $("#detail").find(".PurchaseIndent").length;

            if (optionCount > 1) {

                $("#detail").find(".PurchaseIndent").last().remove();

            } else {

                layer.msg("第一行不能删除", { icon: 0, skin: "layui-layer-molv" });

            }

        }

默认存在一行

点击一次新增按钮增加一行

var ArrLetter = new Array("1", "2", "3", "4", "5", "6", "7");

引用对象ArrLetter，判断表行只能存在七行

if (optionCount > 1)

判断最后一行不能删除