联动
步骤如下
(1)准备下拉列表框
选择一个表单元件,我们要选择的是“下拉列表框”,对表单元件进行简单的美化操作(如下图所示)。
(2)添加动态面板
在“市”后面添加一个动态面板,动态面板的名称命名为“市”。
(3)设置“省”后面的下拉列表框
这次我们的事例简单演示一下三个省,安徽省、山东省、河北省,选择每个省时,相对应的是省下面的市。双击下拉列表框,添加三个省的名称。
(4)设置“市”后面的动态面板
因为要做三个省对应下面的市,所以在“市”的动态面板下面添加三个动态面板。添加完之后,重命名。
双击“安徽省”动态面板,复制或添加一个下拉列表框到动态面板里面,然后双击进行编辑,添加安徽省下面所有对应的市(如下图)。
下面两个省,如同安徽省的操作一样,操作两次。
(5)回到index主面板,对省后面的下拉列表框添加“交互事件操作”
双击“选项改变时”。
同样的方法操作下面两省即可(如下图)。
网页二级联动交互完成了,你可以验证一下~
题图来自Unsplash,基于CC0协议
相关阅读
从你的交互说明中,即可看出你的思考是否全面,逻辑是否清晰。那么你知道交互说明都需要写些什么吗?最近,经常听到刚刚入行的小伙伴问道
做301url重定向的原因是因为网站301重定向在网站优化中常见,由于某些因素导致需要做301,如www和不带www,互联网上内容重复,使其搜索引
现在移动网络发达,很多办公都是在手机上就可以完成的,比如seo实验室宝店的朋友,在手机上就能发布宝贝,但是新手们可能不太了解,其实手
随着需求的不断增加,跨境电商崛起了,很多的商家们开始纷纷的投入跨境电商这个领域,作为比较成熟的跨境电商平台,亚马逊电商很受欢迎,怎
在家里很多人都很烦恼的一个问题就是如何赚钱,现在特别多的人都不喜欢做出去,尤其是长期呆在家里久了的人以后,就会考虑这个问题了,在