jQuery Mobile - 自定义选择菜单
自定义选择菜单用于以弹出格式显示菜单列表。
下表详细说明了自定义选择菜单的类型。
| 序号 | 类型 & 说明 |
|---|---|
| 1 | Basic Custom SelectMenu
包括 data-native-menu = "false" 属性以弹出格式显示菜单。 |
| 2 | Long List
当有更多列表可用时，它会显示自定义选择菜单的长列表。 |
| 3 | Mini Sized
包含用于创建迷你版自定义选择菜单的属性 data-mini = "true"。 |
| 4 | Icon Left
通过使用字段集中的 data-iconpos = "left" 属性将菜单图标设置在左侧。 |
| 5 | Data Placeholder
占位符指定描述预期值的简短提示。 |
| 6 | Option w/o value
<option> 标签用于定义选择列表中的项目，value = "" 属性设置 name 属性中变量的默认值。 |
| 7 | Empty option w/o value
任何 <option> w/o 值都可以在自定义选择菜单中保留为空。 |
| 8 | Selected Option
在 <option> 标签中，添加属性 selected = "selected" 以选择特定选项。 |
| 9 | Disabled Option
在 <option> 元素中设置属性 disabled = "disabled" 以禁用自定义选择菜单选项。 |
| 10 | Multiple select option
在 <select> 元素中包含 multiple = "multiple" 以在自定义列表视图中选择多个选项。 |
| 11 | Multiple, icon left, long list
通过在 <select> 元素中添加属性 data-iconpos = "left" 来设置左侧的图标。 |
| 12 | Optgroup
optgroup jQuery 移动元素用于对选择列表进行分组，<option> 标签用于定义选择列表中该特定组下的项目。 |
| 13 | Vertical controlgroup
在字段集中设置 data-role = "controlgroup" 属性以垂直分组自定义选择菜单。 |
| 14 | Vertical controlgroup, icon left, mini sized
在字段集中包含 data-mini="true" 属性以创建迷你尺寸的垂直组自定义选择菜单。 |
| 15 | Horizontal controlgroup
通过将 data-type = "horizontal" 包含到字段集来水平设置选择菜单。 |
| 16 | Horizontal controlgroup, mini sized
在字段集中包含 data-mini = "true" 属性以创建迷你尺寸的水平组选择菜单。 |
