javascript - jquery点击取消按钮时怎么删除jquery动态添加的数据,留下原来的?
天蓬老师
天蓬老师 2017-05-18 10:50:42
0
5
493


如图,这是一个弹框,红圈内容适jquery动态添加的东西,怎么在保存或者取消后,删除的动态添加的东西,留下原来的,保证下次点击出弹框时还是初始样子

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复 (5)
大家讲道理

1、点击保存,记录数据的情况:在点击保存时所有内容向服务器提交,页面显示数据,点取消时直接return不做任何操作,或者是刷新回到之前状态
2、点击取消或保存都不会保存之前数据:不像后台传数据应该就可以了,但是这样好像并没有什么意

    小葫芦

    不知道你用的什么框架,一些jQuery框架是有类似dialog.clear()的方法的,如果只是用jQuery实现的话,可以将弹框的页面做成一个template,这个template中的页面就是最初什么都没有动态添加的页面,然后下次点击弹框再次render之前的template

      伊谢尔伦

      最简单的方式,用form把整个表格包起来,然后将取消处理成点击的话都会回到初始值了。

        淡淡烟草味

        简单粗暴,remove掉

          某草草

          看了一下,其实你这个需求不是很复杂,我分析了一下,应该以下逻辑:
          1、点击+号按钮,jq添加一行html,并给一个class,只要是新添的,加统一的class,方便删除
          2、新添加行的文本框失去焦点的时候存储数据
          3、点击保存按钮,ajax提交 保存 的数据
          4、点击取消按钮,保存的数据晴空,添加的行移除

          so,根据你的问题,最好的解决方法就是:给新添的元素加上统一class,取消的时候,$('.cls').remove();就搞定了。如果你存储了数据,建议把数据也清空以下。

            最新下载
            更多>
            网站特效
            网站源码
            网站素材
            前端模板
            关于我们 免责声明 Sitemap
            PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!