根据需求进行批量新增

根据需求进行批量新增

……………………………………………………………………………………………………………

开发工具与关键技术：Adobe
Dreamweaver CC 2017 JS

作者：林敏静

撰写时间：2019年7月3日

……………………………………………………………………………………………………………

批量新增相信大家用得并不少，最近我做的一个测试亦涉及到批量新增，如下图，有楼层和房间区域，那我们就是要根据输入相应的数量进行批量新增楼层和房间，也就是说这里是根据需求去进行批量新增。（因为主要是测试这个批量新增功能，没有涉及到数据库，所以就直接在DW写代码了。）

下面我们来看实现这个功能的代码，如下图，这里用的是For循环去进行新增，根据实际需求来说，一个楼层里可以有多个房间，所以先去新增楼层，获取到要新增的楼层数，进行循环新增，等达到所需楼层数跳出循环后再同理根据所需房间数执行新增房间。

我们来到页面上看一下实现的效果，如下图，要新增3个楼层，然后每层楼要新增3个房间，点击添加，下面楼层和房间相对应的区域就有相对应的新增。当然我们也可以有所创新，比如说每个楼层新增的房间数目不一样，这里就不多说了，过后可以去尝试一下。

最后分享一下我在做这个测试的时候遇到的小状况，如下图，需要新增的房间数目是2，但是我点击添加的时候新增的房间却有三个，按道理来说，它新增2个之后就应该跳出循环了的，我以为是在新增房间的时候的循环出了问题，一直执着在循环新增房间的那条代码那里修修改改，发现怎么都不对劲。

后来发现并不是新增房间的代码出了Bug，如下图，原因是我自己在调试新增楼层的过程中把房间放了进去，是为了看一下效果和调整一下样式，但是调试完后我没有把它删！掉！继而下面做房间新增的时候出现了刚刚说的那种状况，回想都觉得自己既粗心又好笑，希望同学们千万别犯我这种低级性的错误。

那么本篇学习文章就分享到这里啦！若有不足的地方，还望请多多指教！