`
qmug
  • 浏览: 198058 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

给下拉列表框数据分组

 
阅读更多
6.7  给下拉列表框数据分组
【实例描述】

如果下拉列表框的内容不相近，可以用多个下拉列表框表示，如部门列表、人员列表。如果下拉列表框的内容比较相近，此时可以通过一个下拉列表框实现，并在其中设置不同的组。

【实现代码】 

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>标题页</title>

<body>

<SELECT>

<OPTGROUP LABEL="山东省">

<OPTION>济南</OPTION>

<OPTION>青岛</OPTION>

<OPTION>潍坊</OPTION>

</OPTGROUP>

<OPTGROUP LABEL="河北省">

<OPTION>保定</OPTION>

<OPTION>沧州</OPTION>

<OPTION>石家庄</OPTION>

</OPTGROUP>

</body>

</html>


【运行效果】

数据分组后的下拉列表框如图6-6所示。



图6-6  数据分组后的下拉列表框

【难点剖析】

本例的重点是下拉列表框中的“组”。“option”表示下拉列表框中的某项，而“optgroup”则表示下拉列表框中的某组。



分享到：
| 22.3 评星效果
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)

    通过该下拉列表框插件可以多选项进行分组，设置选项的图标，对选项进行搜索过滤，以及进行多选选择。   效果展示 源码下载 使用方法 使用该下拉类别框插件需要在页面中引入fm.selectator.jquery.css、jQuery和fm....

    ajax实现下拉列表改变时动态创建单选按钮

    ajax动态获取数据填充下拉列表，下拉列表中选项改变时动态创建单选按钮组，演示时请在本地搭建服务器后演示，否则容易出现：Error:Access is denied.

    下拉框内容太多，使用Javascript快速选择

    下拉列表框内容特别多，选择的时候很费时间，使用Javascript实现快速选择。在旁边的搜索框输入关键字进行搜索，即可快速选中对应项。

    Winform 界面设计 视频教程

    ComboBox 下拉列表框 Checkbox 复选框 RadioButton 单选框 GroupBox 分组控件 Label 标签 ListBox 列表框 PictureBox 图片框 DateTimePicker 日期时间控件 ProgressBar 进度条 NumericUpDown 数字输入框 ...

    LabVIEW的组合框

    组合框控件类似于文本型或菜单型下拉列表框，不同的是组合框控件是字符串类型的数据，而菜单型下拉列表框是数值类型的数据。 　右键单击组合框控件，在弹出的快捷菜单中选择“编辑项...”进入字符串编辑对话框，或...

    DELPHI常用英文单词

    ListBox 列表框 ComboBox 下拉列表框 GroupBox 分组组件 Image 图片框 Timer 时钟组件 Memo 多行文本框 MainMenu 主菜单 PopupMenu 弹出式菜单 ImageList 图片列表组件 Toolbar 工具条 Statusbar 状态条 Opendialog ...

    html入门到放弃笔记

    赵旭 ... ...1、WEB基础知识(了解) 1、Internet - 网 由若干台电脑、手机、平板 通过 网线(WIFI) 连接起来的结构 2、基于Internet上的程序 1、C / S 结构 Client / Server 特点：必须通过指定的客户端软件才能访问...

    Excel 2007数据透视表完全剖析 1/7

    高级（ad-hoc）查询，即时数据分析，计算字段，前10评级，根据季度将数据分组，设置解决方案的格式，常见的故障排除方法，外部和OLAP数据，数据透视图，利用VBA实现自动化，Excel服务器，熟悉功能区。 　“使用没有...

    Excel 2007数据透视表完全剖析 3/7

    高级（ad-hoc）查询，即时数据分析，计算字段，前10评级，根据季度将数据分组，设置解决方案的格式，常见的故障排除方法，外部和OLAP数据，数据透视图，利用VBA实现自动化，Excel服务器，熟悉功能区。 　“使用没有...

    Excel 2007数据透视表完全剖析 4/7

    高级（ad-hoc）查询，即时数据分析，计算字段，前10评级，根据季度将数据分组，设置解决方案的格式，常见的故障排除方法，外部和OLAP数据，数据透视图，利用VBA实现自动化，Excel服务器，熟悉功能区。 　“使用没有...

    精通JS脚本之ExtJS框架.part2.rar

    7.2.5 下拉列表框 7.2.6 日期输入控件Ext.form.DateField 7.2.7 在线编辑器Ext.form.HtmlEditor 7.3 ExtJS表单组件的综合应用 第8章 设计表格类布局 8.1 表格简介 8.1.1 表格的基本属性 8.1.2 制作第一个表格...

    Excel 2007数据透视表完全剖析 5/7

    高级（ad-hoc）查询，即时数据分析，计算字段，前10评级，根据季度将数据分组，设置解决方案的格式，常见的故障排除方法，外部和OLAP数据，数据透视图，利用VBA实现自动化，Excel服务器，熟悉功能区。 　“使用没有...

    Excel2021表格边框设置方法.docx

    2. 在“开始”功能区的“字体”分组中，单击“边框”下拉三角按钮。 3. 在边框列表中选中合适的边框类型。 方式二：通过“设置单元格格式”对话框中的“边框”选项卡进行设置 如果用户需要更多的边框类型，例如...

    精通JS脚本之ExtJS框架.part1.rar

    7.2.5 下拉列表框 7.2.6 日期输入控件Ext.form.DateField 7.2.7 在线编辑器Ext.form.HtmlEditor 7.3 ExtJS表单组件的综合应用 第8章 设计表格类布局 8.1 表格简介 8.1.1 表格的基本属性 8.1.2 制作第一个表格...

    软件界面设计工具_3款合集

    可使用标准Windows元素创建图形用户界面（GUI）屏幕，包括框架窗口、会话、菜单、工具栏、标签、按钮、复选框、单选按钮、滚动条、滑动调节框、微调框、组合框、树列表、列表框、编辑框以及静态文本等。 通过现有...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例164 应用下拉列表选择所要联机的网站 196 实例165 可输入字符的下拉菜单 197 实例166 设置下拉列表的默认值 198 实例167 设置下拉列表的样式 199 实例168 下拉列表打开窗口 200 实例169 Tab键在文本域中的体现 ...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例164 应用下拉列表选择所要联机的网站 196 实例165 可输入字符的下拉菜单 197 实例166 设置下拉列表的默认值 198 实例167 设置下拉列表的样式 199 实例168 下拉列表打开窗口 200 实例169 Tab键在文本域中的体现 ...

    EXCEL窗体应用实例

    列表框和组合框：单击它能弹出一个下拉菜单，让用户能过简单的操作就可以选择对应的项目。 滚动条和微调项：单击之，能按设定的起、止值和步长（每单击一次的...

Magicbox
Global site tag (gtag.js) - Google Analytics