1、【导学】
目的:利用中继器实现查询条件的三级下拉框联动
关键元件:中继器
关键知识点: 中继器的刷选功能、设置文本
2、【原理】
[1] 用中继器做下拉条件框,隐藏
[2] 点击省份条件时,显示省份中继器
[3] 点击省份中继器的下拉值,设置省份条件的值=选中下拉框的值
[4] 地市的联动就是在点击地市条件时,增加筛选功能:地市中继器省份列值==省分条件值
3、【操作步骤】
(一)、先设置省份下拉框:
[1] 先拖一个矩形,内部输入文字:请选择,命名为:条件1.
[2] 拖一个中继器,命名:省份中继器,有1列表头是:shengfen
[3] 双击省份中继器,把下拉框的值赋值给条件1,如下。
[4] 省份中继器设置为隐藏。
[5] 当鼠标点击条件1时,设置中继器显示。
注意,这里显示的设置,如下,这样鼠标移走,下拉框自动收缩不展示。
(二)、设置地市下拉框
地市下拉框的绘制和省份下拉框设置基本一致,不一致第地方有:
[1] 地市中继器有2列,地市条件命名为:条件2
[2] 中继器加载时,设置city列为显示内容
[3] 双击地市中继器,把下拉框的值赋值给条件2(地市)
[4] 当鼠标点击条件2时,先设置地市中继器筛选(把条件1的值做为地市中继器筛选的条件),再设置中继器显示。
筛选内容:
地市中继器设置完成,区域设置类似,效果图如下:
如果有帮助,麻烦点赞,谢谢!