javascript - Bagaimana untuk memadam data yang ditambah secara dinamik oleh jquery apabila mengklik butang batal, meninggalkan yang asal?
天蓬老师2017-05-18 10:50:42
0
5
494
Seperti yang ditunjukkan dalam gambar, ini adalah kotak pop timbul Kandungan bulatan merah sesuai untuk perkara yang ditambah secara dinamik oleh jquery pastikan kotak pop timbul muncul kali seterusnya saya klik. Ia masih sama seperti sebelumnya
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();就搞定了。如果你存储了数据,建议把数据也清空以下。