jQuery Mobile 表单选择菜单
jQuery Mobile 选择菜单
Iphone 上的选择菜单:
Android/SGS4 设备上的选择菜单:
元素创建带有若干选项的下拉列表。
元素内的 元素定义了列表中的可用选项:
实例
class="ui-field-contain">
for="day">Select Day
Monday
Tuesday
Wednesday
尝试一下 »
提示:如果您有一个带有相关选项的很长的列表,请在 内使用 元素:
实例
label="Weekdays">
Monday
Tuesday
value="wed">Wednesday
label="Weekends">
value="sat">Saturday
value="sun">Sunday
尝试一下 »
自定义选择菜单
本页顶部的图像,演示了移动平台上如何使用它们的方式展示一个选择菜单。
如果您想要让选择菜单在所有的移动设备上都显示相同,请使用 jQuery 自带的自定义选择菜单,data-native-menu="false" 属性:
实例
尝试一下 »
多个选择
如需在选择菜单中选择多个选项,请在 元素中使用 multiple 属性:
实例
multiple data-native-menu="false">
尝试一下 »
更多实例
预选中选项
如何预选中一个选项。
弹窗选项
如何创建一个弹窗选项菜单。
可折叠表单
如何创建可折叠表单
修改默认选择项图标
如何修改选项菜单图标 (默认为 "arrow-d").
修改图标位置
如何修改图标显示的位置 (默认向右)。