jQuery Mobile - 选择菜单

选择菜单以下拉列表的形式提供各种选项。<select>...</select> 元素用于定义选择列表，而 <option>...</option> 标签用于定义选择列表中的项目。

下表详细演示了选择菜单的类型。

序号	类型及描述
1	基本选择选择菜单创建一个简单的菜单，其中包含可供选择的选项。
2	迷你选择包含属性 data-mini = "true" 用于创建迷你版选择菜单。
3	图标位置可以使用 data-iconpos = "left" 属性将其设置为字段集的左侧，以设置选择菜单图标按钮的位置。
4	选中选项 <select> jQuery Mobile 元素用于定义选择列表，而 <option> 标签用于定义选择列表中的项目。
5	禁用选项在 <option> 元素中设置属性 disabled = "disabled" 以禁用选择菜单选项。
6	选项组 optgroup jQuery Mobile 元素用于对选择列表进行分组。
7	垂直分组默认情况下，选择菜单垂直设置。
8	垂直分组，迷你在字段集中包含 data-mini = "true" 属性，以创建迷你尺寸的垂直分组选择菜单。
9	水平分组通过在字段集中包含 data-type = "horizontal" 属性来水平设置选择菜单。
10	水平分组，迷你在字段集中包含 data-mini = "true" 属性，以创建迷你尺寸的水平分组选择菜单。

jquery_mobile_widgets.htm

打印页面

广告

© . All rights reserved.