精华内容
下载资源
问答
  • 怎么设置二级下拉列表
    千次阅读
    2021-08-21 11:48:01

    今天跟大家分享一下Excel如何快速制作二级下拉菜单

    1.首先在单元格中录入一级二级下拉菜单信息数据

    2.然后选中这些数据单元格区域

    3.点击下图选项(Excel工具箱,百度即可了解详细下载安装信息,本文这里就不做详细解说。)

    4.点击【新增插入】选择【插入下拉菜单】

    5.选择【二级下拉菜单】

    6.然后分别在填写区(一级),填写区(二级)录入要插入下拉菜单的单元恶搞区域,最后点击【确定】即可完成

    7.完成效果如下图所示

    更多相关内容
  • Access数据库-二级下拉菜单制作
  • WPS 2021四步设置二级下拉列表.docx
  • WPS 2021表格设置二级下拉列表最简单的方法.docx
  • 二级下拉列表联动 select 网页 html5 学院、专业 选择的下拉列表 下载可用!!!
  • Android 利用dialog弹出 二级下拉列表 ExpandableListView+DialogLI。 利用dialog和ExpandableListView实现的一个弹出二级菜单项,并进行了封装,可在activity和fragment中随意调用。简单实用,兼容性好。 二级列表
  • HTML二级联动下拉列表框的实现,如选择 省,市.zip
  • Access联动下拉列表

    2020-11-04 10:18:02
    Access中窗体实现二级联动下拉示范,用VBA配合SQL查询来做rowsource,实现二级下拉跟着一级内容变化,如果一级内容没有选择,二级显示所有
  • 本文实例讲述了JavaScript实现常用二级省市级联下拉列表的方法。分享给大家供大家参考。具体分析如下: 这里省和市的名称都是动态填充,选择省后自动填充城市 <!DOCTYPE ...
  • 首先从服务器端,绑定下拉列表二级下拉的text命名按照一定规则加上一级下拉的ID。 代码如下:var options=new Array(); $(document).ready(function(){ //二级联动 $(‘#ddlPages’).children(‘option’).each...
  • 主要介绍了JS+CSS实现简单的二级下拉导航菜单效果,通过简单的JavaScript页面元素遍历及样式操作实现下拉菜单效果,非常简单实用,需要的朋友可以参考下
  • 二级动态下拉列表
  • 下面小编就为大家带来一篇原生js封装二级城市下拉列表的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 主要介绍了一款jQuery+PHP+MySQL三者结合实现的二级联动下拉菜单,需要的朋友可以参考下
  • 下拉列表二级联动

    2012-12-09 11:35:56
    这个是一个拉列列表二级联动代码,大家可以参照一下
  • 1、支持PC端级联下拉查询,支持自定义级别,可自由切换层级 2、支持移动端级联下拉查询,支持...4、二级多选树元件(中继器维护数据) 5、三级多选树元件(中继器维护数据) 6、四级多选树元件(中继器维护数据)
  • 网页制作前端用纯CSS制作二级导航,用最简单的CSS样式实现二级导航下拉列表,html和css样式简洁清晰,一看就会,拿来就能直接用。
  • 各种效果的分段选择和下拉列表,二级下拉列表,可自定义列表样式。
  • 省市联动二级菜单.rar,省市联动二级菜单,linkage.js,linkage.htm
  • 今天就和大家分享中继器联动教程,我们以二级下拉列表为案例,教大家如何用中继器制作下拉列表,以及两个下拉列表之间的联动交互

    我们在画高保真原型的时候,经常会遇到需要两个或者以上中继器联动的情况,例如,我们可以选着一二级行政区,二级行政区又要根据一级的选择而发生改变,这时我们就需要用到中继器联动来制作这种效果。

    所以今天就和大家分享中继器联动教程,我们以二级下拉列表为案例,教大家如何用中继器制作下拉列表,以及两个下拉列表之间的联动交互。

    制作完成之应具备以下交互效果:

    1. 下拉列表由中继器制作,在中继器表格中填写选项,自动生成交互效果;
    2. 选择对应的一级行政区后,显示二级行政区的下拉列表,并且只显示该一级行政区下的城市。

    【原型预览】

    https://axhub.im/ax9/09b38389df30358f/#g=1

    【原型下载】

    方式1:加入原型分享群后,可免费分享该原型,请咨询微信522073109

    方式2:https://weidian.com/item.html?itemID=3566743034

    一、基本材料的准备

    一、基本材料的准备

    矩形、上下箭头、中继器。

    矩形+上下箭头组和默认显示的部分,这里上箭头也是默认隐藏的。

    中继器+矩形(背景框)组合弹出选项,默认隐藏。

    如果鼠标单击矩形+上下箭头组合是,我们用显示的交互将中继器+矩形(背景框)的弹出组合显示出来,这里记得选择灯箱效果,这样点击空白地方才能自动收起列表。

    同时,当中继器+矩形(背景框)的弹出组合显示时,我们用显示隐藏的交互,将上箭头显示,下箭头隐藏;当中继器+矩形(背景框)的弹出组合隐藏时,我们放过来将上箭头隐藏,下箭头显示。

    二、用中继器制作一级选项列表

    我们新增一个中继器,中继器里面的矩形我们根据自身ui需要,修改样式和尺寸。

    矩形的选中样式,选中的样式就是鼠标移入时变色(浅蓝色的样式),这里为什么不用鼠标悬停时呢,因为中继器里面用悬停时,然后点击变色之后,在点击其他选项,原来的选项还会有悬停的变色,这应该是bug,所以我们就用选中的样式来制作悬停效果。

    鼠标移入时,我们用选中的交互,设置当前矩形选中状态为真;鼠标移出是,我们用取消选中的交互,设置当前矩形选中状态为假。

    矩形的禁用样式,禁用样式为深蓝色,就是鼠标点击选择选项后该选项高亮的效果。

    我们需要在中继器表格里增加两列,第一列原本就有的,我们将名字改为text,代表选项的文本,第二列是true,代表是否被选择,默认为空,就是没有被选择。

    在中继器每项加载时,因为是中继器自带的矩形,所以有一个默认的交互,就是将text列的值设置到矩形里,这个交互我们不需要修改。

    我们要新增一种情况,如果true列里面该行的值等于1,这代表了这个选项被选中了,我们用禁用的交互,把矩形禁用,再用设置文本的交互,让默认文字设置为当前的选项值。

    鼠标单击中继器内矩形选项时,我们就更新true列的值就可以控制是否选中了。

    首先我们要更新中继器内所有的行,将他们true列的值更新为0,因为不知道前面有没有被选中的选项,这样相当于先重置。

    然后我们再用更新行的交互,将当前行的true列的值更新为1,这样就自动选择变色了。

    然后还可以根据效果设置,有些下拉列表是选择了选项就隐藏器列表,我们就用隐藏的交互将他隐藏就可以了,有些选择了不默认隐藏的,就不需要操作,具体效果可以根据你们需要设置。

    三、制作二级下拉列表

    我们把上面的两部分内容直接复制出来一份,就变成二级下拉列表组合了,唯一不同的是,我们要在中继器里增加一列,上一级对应该二级选项对应的一级选项的内容是什么。

    四、一二级下拉列表联动交互

    二级下拉列表默认隐藏,在一级选项选择后,就是鼠标单击了一级选项之后显示出来,这里我们用显示的交互,将二级下拉列表显示出来。

    显示后,我们不能列出所有的选项,所以我们要用筛选的交互,将属于选中的一级选项下的二级选项筛选出来,因为上一级这一列对应的是一级的选项,所以筛选条件就是一级下拉列表的选项值等于二级下来列表里上一级的值

    那么以上就是Axure高保真原型——中继器联动(二级下拉列表案例)的制作教程了。

    感谢您的阅读,我们下期见,88~

    展开全文
  • 二级联动 下拉列表

    2013-10-24 12:55:54
    二级联动 下拉列表 可以进行2级联动下拉等功效 完全的代码 用的时候只需要改改数据库就行了
  • 主要介绍了AngularJS实现的select二级联动下拉菜单功能,结合完整实例形式分析了AngularJS实现二级联动菜单的具体操作步骤与相关实现技巧,需要的朋友可以参考下
  • jQuery二级联动插件:jQuery.selected 一个页面可以引用多个联动效果,使用方法: 配置js: 代码如下: var defaults = { NextSelId: ‘#Select2’, SelTextId: ‘#Text1’, Separator: ‘–‘, SelStrSet: [ { name:...
  • Android二级下拉列表

    2014-09-23 15:55:19
    能完成二级下拉列表的功能,同时显示你所选中的二级列表内容。
  • 本文实例讲述了jQuery实现带延迟的二级tab切换下拉列表效果。分享给大家供大家参考。具体如下: 这是一款基于jQuery实现带延时效果的下拉列表菜单,有动画效果。 运行效果截图如下: 在线演示地址如下: ...
  • 粉色二级下拉菜单列表效果是一款电子商务网站的粉色二级下拉菜单列表效果代码。
  • 本文实例讲述了Android编程实现二级下拉菜单及快速搜索的方法。分享给大家供大家参考,具体如下: 一、我们要做什么? 上面有个搜索框,下面是一个二级下拉菜单。 输入查询内容,下面列表将显示查询结果。 二、...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 47,195
精华内容 18,878
热门标签
关键字:

怎么设置二级下拉列表