美文网首页
点击新创建出来的保存按钮创建下一条新的数据

点击新创建出来的保存按钮创建下一条新的数据

作者: 奔跑的大橙子 | 来源:发表于2017-05-02 16:59 被阅读26次

几个月前转行前端,最近一直想写一些前端方面的文章,不求多深入,只希望能帮到和我一样初入前端,努力的小白们,我会慢慢的把自己遇到并解决的问题整理出来,希望能帮到需要的人。上个星期,拿到一个需求,但是我在网上一直找不到相似的代码,后来花了一天的时间解决了,就想着把这个问题的解决方法整理发布出来,希望对大家有帮助,后续还会更新遇到的新问题。我在学习前端的过程中,得到过很多人的帮助,有的只是网络上认识的陌生人,所以很感激他们,也想传承这种善意。同时也想和大家一起努力,互相学习。

情景:已知一条表格数据,点击新增按钮,创建第一条新数据,点击新建出来的新增按钮,继续创建第二条新数据,以此类推,并且需要改变序号,同时每个新增按钮只能点击一次。

如图,红色框内的是原来就有的一条数据,当点击新增,创建出第二条数据,依次创建。

下面列出代码

注:103行和82行是一样的代码,由于屏幕宽度有限,只能一段段的截图了。

为了方便大家理解,我还录制了一个gif动图,如果还有不明白的,欢迎留言。同时也欢迎大神批评指正。

相关文章

网友评论

      本文标题:点击新创建出来的保存按钮创建下一条新的数据

      本文链接:https://www.haomeiwen.com/subject/drvctxtx.html