- jQuery Mobile 教程
- jQuery Mobile - 首页
- jQuery Mobile - 概述
- jQuery Mobile - 设置
- jQuery Mobile - 页面
- jQuery Mobile - 图标
- jQuery Mobile - 过渡
- jQuery Mobile - 布局
- jQuery Mobile - 小部件
- jQuery Mobile - 事件
- jQuery Mobile - 表单
- jQuery Mobile - 主题
- jQuery Mobile - CSS 类
- jQuery Mobile - 数据属性
- jQuery Mobile 有用资源
- jQuery Mobile - 面试问题
- jQuery Mobile - 快速指南
- jQuery Mobile - 有用资源
- jQuery Mobile - 讨论
jQuery Mobile - 自定义选择菜单
自定义选择菜单用于以弹出窗口格式显示菜单列表。
下表详细演示了自定义 selectmenu 的类型。
| 序号 | 类型及描述 |
|---|---|
| 1 | 基本自定义 SelectMenu
包含data-native-menu = "false"属性以弹出窗口格式显示菜单。 |
| 2 | 长列表
当有多个列表可用时,它会显示自定义选择菜单的长列表。 |
| 3 | 迷你尺寸
包含属性data-mini = "true"用于创建迷你版自定义选择菜单。 |
| 4 | 左侧图标
通过在 fieldset 中使用data-iconpos = "left"属性,将菜单图标设置为左侧。 |
| 5 | 数据占位符
占位符指定一个简短的提示,描述预期的值。 |
| 6 | 无值的选项
<option>标签用于在选择列表中定义一个项目,而value = ""属性设置name属性中变量的默认值。 |
| 7 | 无值的空选项
任何没有值的<option>都可以在自定义选择菜单中保留为空。 |
| 8 | 选定的选项
在<option>标签中,添加属性selected = "selected"以选择特定选项。 |
| 9 | 禁用的选项
在<option>元素中设置属性disabled = "disabled"以使自定义选择菜单选项禁用。 |
| 10 | 多选选项
在<select>元素中包含multiple = "multiple"以在自定义列表视图中选择多个选项。 |
| 11 | 多选、左侧图标、长列表
通过在<select>元素中添加属性data-iconpos = "left"将图标设置在左侧。 |
| 12 | 选项组
optgroup jQuery mobile 元素用于对选择列表进行分组,而<option>标签用于在选择列表中定义该特定组下的项目。 |
| 13 | 垂直控制组
在 fieldset 中设置data-role = "controlgroup"属性以垂直分组自定义选择菜单。 |
| 14 | 垂直控制组、左侧图标、迷你尺寸
在 fieldset 中包含data-mini="true"属性以创建迷你尺寸垂直组自定义选择菜单。 |
| 15 | 水平控制组
通过在 fieldset 中包含data-type = "horizontal"将选择菜单设置为水平方向。 |
| 16 | 水平控制组,迷你尺寸
在 fieldset 中包含data-mini = "true"属性以创建迷你尺寸的水平组选择菜单。 |