添加行和删除行

开发工具与关键技术:VS2015,浏览器;C#

撰写时间:2019-02-05

我们经常会碰到这种功能就是要在原来的基础上添加相同格式的一行,样式如下图所示。有添加一行就必会有删除一行,而删除行有一个这样的逻辑就是在删除到只剩一行的时候是不能删除的了,必须要留一行。

首先我们要设计一个添加一行和删除一行的按钮,给这两个按钮onclick事件代码详情看截图代码

然后在设计添加一行里面的样式,我设计的样式详情看截图代码,要用from标签装着一个ID。下面的代码是设计进去页面看到第一行的格式。

最后我们就在script标签里面写他的事件,我是通过拼接的手法来实现这个功能,每点击添加一行的按钮就会拼接一行出来。在添加一行的时候要做到下拉框也跟着绑定回填的话就要先声明一个变量(var i =1),然后用绑定下拉框的方法,在绑定下拉框方法里面加上i.toString。最后加上i++。详情看截图代码:

删除一行的功能就简单了,删除一行是从第一行开始删起的详情看截图代码:

在这里要说一下特别注意的地方就是ID对应哪里的就要一一对应

猜你喜欢

转载自blog.csdn.net/weixin_44552128/article/details/87538611