查看: 4292|回复: 0

[8月赛] 【我行我秀】前端小白开发:实现动态添加和删除列表功能

[复制链接]

1

主题

1

帖子

2

积分

新手上路

Rank: 1

积分
2
发表于 2017-8-1 18:07:28 | 显示全部楼层 |阅读模式
本帖最后由 木嘛 于 2017-8-7 12:53 编辑

本人很幸运能够在暑假进入到中移物联网实习,在几天前带我的老大叫我实现一个列表的动态添加和删除的功能。列表的动态添加和删除常见于各种网页当中,尤其是购物网站。下面就是我的实现过程。由于技术有限,有些功能还没有实现完,路过的大神请帮忙解答一下。
——————————————————分割线——————————————
1.实现的目标类似于:
学生    添加
————————
点击添加按钮就可以添加一行表格,添加的表格后面有删除按钮,可以删除整行;

2.刚开始写的代码比较乱:


实现的功能也是只实现了可以多次添加,但是点击删除键会将前面添加的所有表格都删除掉,并且不能再生成。
3.之后重新思考理清了思路之后,重写了一份:

这次的功能基本实现,可以添加和删除表格,可是却只能从后往前一个一个删除,不能实现任意删除:
——————分割线——————

对了,关于按钮,楼主发现了一个特别好的样式库:http://www.bootcss.com/p/buttons/有需要的可以看下哈

回复

举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表