![封面图.jpg 封面图.jpg](http://qty83k.creatby.com/data/attachment/forum/201709/15/171343ueosqex65zjj8d9j.jpg)
相信每个做活动报名的H5er,都经历过收集用户数据的深坑,这里就涉及到意派 Epub360的高级表单功能了...
然而,最近小编收到某派友的热心提议:他在帮某汽车业金主爸爸做H5项目时,需要统计到各个用户所在的不同地域,包括 省、市、区 等...
![1.gif 1.gif](http://qty83k.creatby.com/data/attachment/forum/201709/15/174912o3wqzsm7zwm373xg.gif)
其实,在收集用户报名信息时,多级关联的下拉列表很常用,意派Epub360 现在支持了。
1、新增 “级联数据” 组件
![3.jpg 3.jpg](http://qty83k.creatby.com/data/attachment/forum/201709/15/174913jcqfouoso6prsspo.jpg)
① “级联数据” 组件、与下拉列表组件配合使用,即可完成多级下拉列表关联的设置:
![4.jpg 4.jpg](http://qty83k.creatby.com/data/attachment/forum/201709/15/174914cy2d67qdnj7nx2y5.jpg)
下拉列表级联设置
② 上图中的级联数据,是用户手工录入的,也可以使用系统自带的全国的 省 / 市 / 区 数据。
![5.jpg 5.jpg](http://qty83k.creatby.com/data/attachment/forum/201709/15/174915kivhdzcyyhi5akak.jpg)
③ 为了配合级联数据设置,下拉列表组件增加了 “选项添加方式”,增加了:手工输入、绑定级联数据组件两个方式。
![6.jpg 6.jpg](http://qty83k.creatby.com/data/attachment/forum/201709/15/174915zwfywrf1d2zefx40.jpg)
- 绑定高级表单,通过高级表单获取列表内容;
- 手工输入,可以直接在画布中添加列表内容;
- 绑定级联数据组件,配合 “级联数据” 组件使用。
这里准备了个案例展示,供大家实际体验一下:
![7.jpg 7.jpg](http://qty83k.creatby.com/data/attachment/forum/201709/15/174916xh3h5mq1orgo614h.jpg)
2、新增”测试题/按钮组“组件
![8.jpg 8.jpg](http://qty83k.creatby.com/data/attachment/forum/201709/15/174916t8y49jd92zd4dmz9.jpg)
测试题H5,答题选项的选中效果、选中后的正确及错误处理,这一套设置逻辑还是有点复杂的,尤其是如果对逻辑方面不太有感觉的筒子,可能会有点吃力。
![9.jpg 9.jpg](http://qty83k.creatby.com/data/attachment/forum/201709/15/174916gkqctuktsxsbbxx6.jpg)
这次增加的 “测试题” 组件,能够极大的简化答题类交互的设置逻辑,同学们有福了。
![10.jpg 10.jpg](http://qty83k.creatby.com/data/attachment/forum/201709/15/174916wtzgkc0nlkalrhwa.jpg)
测试题组件设置
按钮组,就是测试题组件去除了答题逻辑,可以用于一组按钮组合控制:
![11.gif 11.gif](http://qty83k.creatby.com/data/attachment/forum/201709/15/174917v0leioxoxctdztbi.gif)
这次我们准备了一个测试题案例来演示效果,大家也来一起玩一下吧,本次的更新就到这儿。
![12.jpg 12.jpg](http://qty83k.creatby.com/data/attachment/forum/201709/15/174917az88ibd7do8s4z7c.jpg)
关注更多H5设计、案例、资讯