我想实现这种功能,即:在一个页面存在一个表单,当填写完一次表单确认后,内容会在页面下方显示;接着可以继续重新填写表单,确认后新填写的内容会在同样会在页面下方显示,但是是在前一次填写表单后显示的数据的后面。这样就会每一次填写表单的数据会在页面下方形成一个类似于表格一样的形式,最后提交到数据库。
本人想了好久也没思路,想请大神给个方向和思路,用js就能实现还是用php之类的。
这个只涉及到页面的当然使用js啦(当然添加到数据库除外),首先要确定你的提交方式是怎样的,是要表单提交还是ajax提交(ajax提交相对好做一点),表单的话写的东西可能就多一点。
首先我们说将表单数据显示在下方,这样的话我们致力需要一个表单from 这个 form不需要有submit只需要添加一个button(用于确认,然后显示在下方),点击按钮之后,js获取到表单信息
,这时候需要在下方有一个table(提前写好),http://blog.csdn.net/u012422446/article/details/47748875;添加表格
当然或许你并不需要表格,只是淡出的显示就可以了,那么设定一个div,js获取前台表单数据,获取div的innerHTML, 获取后,$("#div").innerHTML +=form数据(字符串拼接),这样其实做ajax很好做,当然还是看需求。
ajax提交表格
http://blog.csdn.net/u014520797/article/details/50622561
form提交
http://bbs.csdn.net/topics/391903552?page=1
应该是先把数据提交到页面,用forEach遍历出来最后用数据库insert语句一起存入数据库把,我也是小白,不知道这样想对不对
排除性能、功能完善性、用户友好度等,单纯就楼主提到的功能而言,用js就完成了:
点击确认或者继续的时候都不是真正意义上的表单提交,仅仅把数据获得并写到下面的某区域就好了,最后的提交才是表单提交。
最‘非智能’做法!!!
可以考虑一下页面局部加载,让用户填写的做局部内容,表格做固定的,每次填写完只刷新局部就可以
你这个可以用,js 的插件,基本都可以实现,, 比如用easyui 上面是提交表单,下面是列表。。。添加就把 记录放到列表中,,列表上面可以添加删除按钮,进行对记录管理,
1楼兄弟回答的很好,不过看你提问题的样子 跟你讲ajax你是看不懂的,总之就是把数据用js临时保存一下,然后显示在下面,最后把临时的数据提交到后台做保存操作,H5里面提供了一个临时保存的方法localStorage,有兴趣的话可以去看一下,语法格式如下
localStorage.lastname="Smith"; document.write(localStorage.lastname);可以在页面上定义三张表,页面加载时隐藏后两张表,待用户点击确认按钮之后调用js方法将上一张表数据填入下一张表中,然后显示该表,最后真正意义上的提交时将最后那张表提交就OK啦