精华内容
下载资源
问答
  • Excel单级&多级下拉菜单制作方法
  • Excel多级下拉菜单制作

    千次阅读 2018-01-29 16:39:06
    通过Excel2010中的数据有效性实现多级联动下拉列表的制作多级联动下拉列表就是第一列选择了某项,第二列则会提供相对应的选项供我们选择。 现在Excel2010可以实现这样的效果,主要利用Indirect函数和数据有效性...

    通过Excel2010中的数据有效性实现多级联动下拉列表的制作,多级联动下拉列表就是第一列选择了某项,第二列则会提供相对应的选项供我们选择。

    现在Excel2010可以实现这样的效果,主要利用Indirect函数和数据有效性,操作演示详见下面两个GIF动态演示图。

    1、Excel 2010中建立二级下拉菜单联动的方法

    利用Excel 2010数据有效性制作多级联动下拉列表

    2、Excel 2010中建立三级下拉菜单联动的方法

    利用Excel 2010数据有效性制作多级联动下拉列表

    下拉多级菜单的制作原理:

    无论是几级下拉菜单,原理都一样,在一级下拉菜单(数据验证/数据有效性)基础上,使用INDIRECT()函数,后一级单元格根据前一级菜单中的文字(该文字已在名称中定义其包含的其他单元格)提供其他单元格中的内容供选择!

    展开全文
  • 今天我们要来分享一款很实用的jQuery插件,它是一个基于jQuery多级联动的省市地区Select下拉框,并且值得一提的是,这款联动下拉框是经过自定义美化过的,外观比浏览器自带的要漂亮许多。另外,这个Select下拉框也...

    今天我们要来分享一款很实用的jQuery插件,它是一个基于jQuery多级联动的省市地区Select下拉框,并且值得一提的是,这款联动下拉框是经过自定义美化过的,外观比浏览器自带的要漂亮许多。另外,这个Select下拉框也可以绑定下拉事件,并获取当前选中项的值。

    html代码:

    • 湖北省
    • 广东省
    • 湖南省
    • 四川省
    • 武汉市
    • 深圳市
    • 长沙市
    • 成都市
    • 蔡甸区
    • 南山区
    • 雨花区
    • 武侯区

    $('[name="nice-select"]').click(function (e) {

    $('[name="nice-select"]').find('ul').hide();

    $(this).find('ul').show();

    e.stopPropagation();

    });

    $('[name="nice-select"] li').hover(function (e) {

    $(this).toggleClass('on');

    e.stopPropagation();

    });

    $('[name="nice-select"] li').click(function (e) {

    var val = $(this).text();

    var dataVal = $(this).attr("data-value");

    $(this).parents('[name="nice-select"]').find('input').val(val);

    $('[name="nice-select"] ul').hide();

    e.stopPropagation();

    alert("中文值是:" + val);

    alert("数字值是:" + dataVal);

    //alert($(this).parents('[name="nice-select"]').find('input').val());

    });

    $(document).click(function () {

    $('[name="nice-select"] ul').hide();

    });

    css代码:

    body

    {

    color: #555;

    font-size: 14px;

    font-family: "微软雅黑" , "Microsoft Yahei";

    background-color: #EEE;

    }

    a

    {

    color: #555;

    }

    a:hover

    {

    color: #f00;

    }

    input

    {

    font-size: 14px;

    font-family: "微软雅黑" , "Microsoft Yahei";

    }

    .wrap

    {

    width: 500px;

    margin: 100px auto;

    }

    .h20

    {

    height: 20px;

    overflow: hidden;

    clear: both;

    }

    .nice-select

    {

    width: 245px;

    padding: 0 10px;

    height: 38px;

    border: 1px solid #999;

    position: relative;

    box-shadow: 0 0 5px #999;

    background: #fff url(images/a2.jpg) no-repeat right center;

    cursor: pointer;

    }

    .nice-select input

    {

    display: block;

    width: 100%;

    height: 38px;

    line-height: 38px \9;

    border: 0;

    outline: 0;

    background: none;

    cursor: pointer;

    }

    .nice-select ul

    {

    width: 100%;

    display: none;

    position: absolute;

    left: -1px;

    top: 38px;

    overflow: hidden;

    background-color: #fff;

    max-height: 150px;

    overflow-y: auto;

    border: 1px solid #999;

    border-top: 0;

    box-shadow: 0 3px 5px #999;

    z-index: 9999;

    }

    .nice-select ul li

    {

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    padding: 0 10px;

    cursor: pointer;

    }

    .nice-select ul li.on

    {

    background-color: #e0e0e0;

    }

    代码很简洁,我这里就不多做解释了,小伙伴们自己预览下就知道效果是多麽的简洁大方了,非常实用。

    展开全文
  • Excel多级下拉菜单制作

    千次阅读 2019-02-25 16:31:28
    编辑Excel表格的时候,有一类数据是相对固定的,比如说性别或者行政区划,如果数据量很大的话,每一项都手动输入就比较浪费时间而且容易出错,这时我们就可以给每组数据制作一个下拉菜单,以后我们只需从菜单里选择...

    编辑Excel表格的时候,有一类数据是相对固定的,比如说性别或者行政区划,如果数据量很大的话,每一项都手动输入就比较浪费时间而且容易出错,这时我们就可以给每组数据制作一个下拉菜单,以后我们只需从菜单里选择相应的内容即可。

    基础知识

    数据有效性是下拉菜单的基石,在数据选项卡下面,数据验证,选择序列,输入或选择有效性数据来源。

    一级下拉

    需求
    制作学生成绩表下拉列表,年级从一到六年级,学生学科有语文、数学、历史、体育和政治,成绩分为A、B、C、D四个等级。
    在这里插入图片描述

    ## 方法1:常规下拉制作,数据有效性-序列
    选择年级列,数据-数据验证,选择序列,来源里输入“一年级,二年级,三年级,四年级,五年级,六年级”,注意这里的逗号为英文状态下的逗号。同理设置学科列和成绩等级列。

    ## 方法2:批量定义名称制作
    创建数据有效性的数据源区域,分别输入成绩等级明细、年级明细和学科明细,如下图。
    在这里插入图片描述
    选中数据源数据,Ctrl+G进行定位,定位条件选择常量。打开公式选项卡,根据所选内容创建,选择首行。这时候就会根据首行创建相应的名称。然后同样的设置序列,数据来源 ”=成绩等级”,其他列同理设置。

    ## 方法3:通过公式设置数据有效性
    通过公式来设置数据来源,首先用counta分别计数有多少成绩等级、多少年级和学科,然后通过offset偏移函数来扩大数据范围。最后的公式为:
    =OFFSET($J 10 , , , C O U N T A ( 10,,,COUNTA( 10,,,COUNTA(J 10 : 10: 10:J$22))
    该公式可以理解为从等级A开始扩展有数据的区域,将有数据的范围全部选中。作为下拉菜单数据来源的数据源。最后同上方法,设置数据验证,序列的数据来源输入该公式。
    在这里插入图片描述

    二级联动

    需求:
    根据数据源创建部门人员的联动,选择部门后只能选择对应部门的人。注意思考是否可以实现动态的一二级联动。
    在这里插入图片描述
    ## 步骤1
    完成部门常规一级下拉菜单的制作,方法见本文上。
    ## 步骤2
    构建数据源区域,列出每个部门的人员名单。
    在这里插入图片描述
    ## 步骤3
    批量定义名称制作,创建各个部门的名称管理。Ctrl+G定位常量,然后公式选项卡下根据所选名称创建。
    ## 步骤4
    数据,数据验证里来源输入=INDIRECT($B11) 即根据部门列所选部门,联动出相应的员工姓名。
    在这里插入图片描述

    三级下拉

    三级下拉的难点其实不在于设置有效性,而是数据源的重排。数据源一般如下图所示:
    在这里插入图片描述
    最常见的行政区划,即省市区的三级联动,往往常规的做法是一个表把各个省的城市全部放在一列,然后另一个表把各个城市的区全部放在一列,如下图所示。但是这样手工重排的工作量其实非常大,这时候我们需要借助函数来对数据源进行重新整合。

    首先需要将数据源进行排序,按省份为主要关键字,城市为次要关键字进行排序。方便后面公式进行计数。然后将一级下拉菜单、二级下拉菜单和三级下拉菜单的数据分别进行下面格式的整理,省份、省份+城市、城市+区县。如下图所示。
    在这里插入图片描述
    ## 一级下拉菜单制作
    直接通过常规下拉制作
    ## 二级下拉菜单制作
    首先用countif计数该省份下城市个数,然后用match函数找到该省份下第一个城市的起始位置。最后通过offset+indirect+countifs+match函数来作为序列来源。
    =OFFSET(INDIRECT(“D”&MATCH(J2,C:C,)),MATCH(J2,C:C,)+COUNTIF(C:C,J2)-1)
    在这里插入图片描述
    ## 三级下拉菜单制作
    方法同二级下拉菜单。最终效果图如下:
    在这里插入图片描述

    展开全文
  • 多级下拉菜单制作

    2016-09-21 10:11:14
    首先制表格 建立数据 – Create table create table TB_CODE_FILEE ( CODECODE VARCHAR2(30), SUBCODE VARCHAR2(30) not null, REALSUBCODE VARCHAR2(30) not null, REALSUBCODETYPE VARCHAR

    首先制表格 建立数据
    – Create table
    create table TB_CODE_FILEE
    (
    CODECODE VARCHAR2(30),
    SUBCODE VARCHAR2(30) not null,
    REALSUBCODE VARCHAR2(30) not null,
    REALSUBCODETYPE VARCHAR2(30) not null,
    REALSUBCNAME VARCHAR2(30),
    SUBCODECNAME VARCHAR2(50),
    GRADE VARCHAR2(1),
    FLAG VARCHAR2(5)
    )
    tablespace ZFMI
    pctfree 10
    initrans 1
    maxtrans 255
    storage
    (
    initial 64K
    next 1M
    minextents 1
    maxextents unlimited
    );
    – Add comments to the columns
    comment on column TB_CODE_FILEE.CODECODE
    is ‘上级级代号’;
    comment on column TB_CODE_FILEE.SUBCODE
    is ‘本级代号’;
    comment on column TB_CODE_FILEE.REALSUBCODE
    is ‘本级编号’;
    comment on column TB_CODE_FILEE.REALSUBCODETYPE
    is ‘标题编码’;
    comment on column TB_CODE_FILEE.REALSUBCNAME
    is ‘标题名字’;
    comment on column TB_CODE_FILEE.SUBCODECNAME
    is ‘属性中文名’;
    comment on column TB_CODE_FILEE.GRADE
    is ‘层级属性’;
    comment on column TB_CODE_FILEE.FLAG
    is ‘失效标志(1,有效,0失效)’;
    – Create/Recreate primary, unique and foreign key constraints
    alter table TB_CODE_FILEE
    add constraint PK_TB_CODE_FILEE primary key (SUBCODE, REALSUBCODE, REALSUBCODETYPE)
    using index
    tablespace ZFMI
    pctfree 10
    initrans 2
    maxtrans 255
    storage
    (
    initial 64K
    next 1M
    minextents 1
    maxextents unlimited
    );

    展开全文
  • 多级下拉菜单导航制作

    千次阅读 2017-03-01 01:13:11
    水平导航菜单制作思路: 1、进行初始化的设置,将文档中所有元素的margin和padding设为0; 2、将所有的a元素设置为块元素,去掉下划线,添加背景色#c和padding值; 3、鼠标移入li时改变子元素a的...
  • excel多级下拉菜单

    2019-02-21 07:58:14
    用于excel的多级下拉菜单,VBA编写,修改好即可使用。
  • 这是一款通过将不同的子菜单进行分组,制作出扁平风格多级菜单效果的jQuery垂直手风琴多级下拉菜单代码。
  • 本篇体验使用jQuery制作水平的、多级的、下拉菜单下拉菜单的html部分如下。<body> <nav class="main-nav"> <ul class="nav-list"> <li><a href="#">主页</a></li&...
  • superfish是一款可以制作多级下拉菜单的jquery插件,支持水平和垂直方向的菜单,下拉的菜单不会被标签select遮挡,支持动态下拉效果,如垂直向下伸展,支持阴影效果(IE6除外),用户可定制样式。
  • 今天分享的这款CSS3多级下拉菜单可以方便地配置菜单的层级数,而且每一个菜单项都有自己的小图标,显得非常清新亮丽。该CSS3下拉菜单在展开子级菜单时会有弹性展开的动画特效,是一款非常酷的下拉菜单。
  • bootstrap-submenu是一款在原生bootstrap Dropdowns组件的基础上进行扩展,可以生成多级子菜单的多级下拉菜单插件。原生的bootstrap下拉菜单只有一层,通过bootstrap-submenu插件,可以生成多级子菜单。安装可以通过...
  • 上节课我们讲述了一级下拉菜单制作方法,但工作中我们会遇到多级菜单选项,例如:根据区域选择对应的省份,根据省份选择对应的城市,那这应该如何操作呢? 具体操作方法: Step1: 首先设置区域的下拉菜单选项,...
  • 超简单的多级下拉菜单,一个公式搞定,不需要定义名称!
  • 如何实现excel中的多级下拉菜单,下拉菜单相互关联。比如选择河北省后,下一个cell中自动关联的是河北省各个城市的下拉列表。
  • 使其成为当鼠标移到选项上时不要自动显示下拉菜单,只有当点击时才显示。 <p><!doctype html> <html> <head> <meta http-equiv="Content-Type" content&...
  • 第四级菜单? <p><!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title>  <link rel=&...
  • 多级下拉菜单窗口

    2015-05-18 10:06:34
    实现了仿美团的多级窗口选择效果 使用了popupwindow listview加上checkbox
  • WPS Excel做多级下拉菜单列表

    千次阅读 2020-06-01 15:35:48
    WPS Excel做多级下拉菜单列表 最近做表格数据需要做一个三级别关联下拉菜单,之前只知道一列下拉菜单是用数据有效性做,三级别的没做过,查了资料,记录一下。 1.一级下拉菜单 选中要添加下拉菜单的数据列,在...
  • Bootstrap响应式多级下拉导航菜单基于bootstrap.3.3.6.min.css和jquery-1.11.0.min.js制作,界面简洁,四级下拉导航菜单
  • 各种下拉菜单 ,多级下拉菜单,向上展开菜单 左侧展开菜单   演示     XML/HTML Code &lt;ul id="idmenu"&gt;   &lt;li&gt;&lt;a href="#" id="...
  • 这篇文章主要介绍了jQuery实现的多级下拉菜单效果代码,涉及jquery鼠标事件及页面元素的显示与隐藏效果实现技巧,非常具有实用价值,需要的朋友可以参考下: 本文实例讲述了jQuery实现的多级下拉菜单效果代码。供大家...
  • Bootstrap-submenu是一款在原生bootstrap Dropdowns组件的基础上进行扩展,可以生成多级子菜单的多级下拉菜单插件。原生的bootstrap下拉菜单只有一层,通过bootstrap-submenu插件,可以生成多级子菜单。安装可以通过...
  • 红色多级下拉菜单,是学习Div CSS jquery制作菜单的一个好实例,可以显示5级子菜单,关于本菜单中的JS封装,作者其实是想利用一些私有方法和变量,但是这么包装,感觉有些不伦不类,既然还是要搞了半天,还是返回的...
  • Bootstrap响应式多级下拉导航菜单基于bootstrap.3.3.6.min.css和jquery-1.11.0.min.js制作,界面简洁,四级下拉导航菜单
  • 网页无限极下拉菜单代价 演示地址 http://www.shejisucai.org/jquery/menu/6708.html
  • 这是一个开发人员非常重要的一点。... 这对开发者严格的限制。 其中两个最显著是​​集成这个...值得一提所谓的下拉菜单建设者。 这是最终用户软件,它允许组成视觉模式的菜单项。 在此之后,这样的程序将生成一个可
  • jQuery左侧带小图标的多级下拉菜单

    千次阅读 2015-04-14 17:25:13
    今天我们要来分享一款很不错的jQuery左侧带小图标的多级下拉菜单,菜单是垂直的,每一个菜单项带有一个小图标,看起来非常专业。并且菜单支持无限极下拉,所以对各位Web开发者来说非常实用。菜单时基于jQuery的,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,375
精华内容 550
关键字:

多级下拉菜单制作