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"属性以创建迷你尺寸的水平组选择菜单。

jquery_mobile_widgets.htm
广告

© . All rights reserved.