[ 2017-09-15 ] 级联下拉列表上线,用户信息收集更灵活

省份、城市如何多级选择?

封面图.jpg


相信每个做活动报名的H5er,都经历过收集用户数据的深坑,这里就涉及到意派 Epub360的高级表单功能了...

然而,最近小编收到某派友的热心提议:他在帮某汽车业金主爸爸做H5项目时,需要统计到各个用户所在的不同地域,包括 省、市、区 等...

1.gif


其实,在收集用户报名信息时,多级关联的下拉列表很常用,意派Epub360 现在支持了。

 

1、新增 “级联数据” 组件

3.jpg
① “级联数据” 组件、与下拉列表组件配合使用,即可完成多级下拉列表关联的设置:
 
4.jpg
 
下拉列表级联设置
 
② 上图中的级联数据,是用户手工录入的,也可以使用系统自带的全国的 省 / 市 / 区 数据。
 
5.jpg

③ 为了配合级联数据设置,下拉列表组件增加了 “选项添加方式”,增加了:手工输入、绑定级联数据组件两个方式。

6.jpg
  • 绑定高级表单,通过高级表单获取列表内容;
  • 手工输入,可以直接在画布中添加列表内容;
  • 绑定级联数据组件,配合 “级联数据” 组件使用。

这里准备了个案例展示,供大家实际体验一下:

7.jpg

2、新增”测试题/按钮组“组件

 

8.jpg

 

测试题H5,答题选项的选中效果、选中后的正确及错误处理,这一套设置逻辑还是有点复杂的,尤其是如果对逻辑方面不太有感觉的筒子,可能会有点吃力。

9.jpg

 

这次增加的 “测试题” 组件,能够极大的简化答题类交互的设置逻辑,同学们有福了。

10.jpg
测试题组件设置

 

按钮组,就是测试题组件去除了答题逻辑,可以用于一组按钮组合控制:

11.gif


这次我们准备了一个测试题案例来演示效果,大家也来一起玩一下吧,本次的更新就到这儿。

12.jpg

 




关注更多H5设计、案例、资讯

10