jQuery Mobile - 选择菜单
选择菜单以下拉列表的形式提供各种选项。 <select>...</select> 元素用于定义选择列表，<option>...</option> 标签用于定义选择列表中的项目。
下表详细说明了选择菜单的类型。
| 序号 | 类型 & 说明 |
|---|---|
| 1 | Basic select
选择菜单创建简单的菜单，其中包含可供选择的选项。 |
| 2 | Mini Select 包含用于创建迷你版本选择菜单的属性 data-mini = "true"。 |
| 3 | Icon Position
选择菜单图标按钮的位置可以使用字段集的 data-iconpos = "left" 属性设置在左侧。 |
| 4 | Selected option
<select> jQuery 移动元素用于定义选择列表，<option> 标签用于定义选择列表中的项目。 |
| 5 | Disabled option
在 <option> 元素中设置属性 disabled = "disabled" 使选择菜单选项禁用。 |
| 6 | Optgroup
optgroup jQuery 移动元素用于对选择列表进行分组。 |
| 7 | Vertical group
默认情况下，选择菜单是垂直设置的。 |
| 8 | Vertical group, mini
在字段集中包含 data-mini = "true" 属性以创建迷你尺寸的垂直组选择菜单。 |
| 9 | Horizontal group
通过将 data-type = "horizontal" 包含到字段集来水平设置选择菜单。 |
| 10 | Horizontal group, mini
在字段集中包含 data-mini = "true" 属性以创建迷你尺寸的水平组选择菜单。 |
