如下图,如何点击1时右边会出现要填的信息,当信息填完后自动保存

图片说明

点击1时右边会出现要填的信息,当信息填完后自动保存,不用点击保存按钮

理思路 1.点击一:则一对应的div或者input 显示 $("#id").show();
2.编写完成自动保存,给予input 焦点失去时 保存方法 ,则$('#id').blur(function(){ 保存逻辑 });
3.最后根据你点击的是否点击一,二。。。。。。。。。。等 判断是否收集这些值
祝你成功

在各个控件的changed事件里编写代码逻辑更新数据库或者写入文件,也可以用定时器,每隔一秒或者很短时间更新保存一次。
点击展开界面,这个可以先把界面放好,通过改变窗口的宽度,默认隐藏,点击以后展开显示。