jQuery Mobile中选择select的data-*选项

全栈工程师开发手册 （作者：栾鹏）

jQuery Mobile 所有data-*选项

jQuery Mobile中选择select的data-*选项

//所有的 <select> 元素。这些会被自动渲染成按钮样式，date-role 是不必需的。

//data-icon             图标参考手册                              规定 select 元素的图标。默认是 "arrow-d"
//data-iconpos          left | right | top | bottom | notext    规定图标的位置
//data-inline           true | false                            规定 select 元素是否内联
//data-mini             true | false                            规定 select 元素是小尺寸还是常规尺寸
//data-native-menu      true | false                            当设置为 false 时，它使用 jQuery 自带的自定义的选择菜单（如果您想要让选择菜单在所有的移动设备上都显示相同，则推荐这么使用）
//data-overlay-theme    字母 (a-z)                               规定 jQuery 自带的自定义的选择菜单的主题颜色（与 data-native-menu="false" 一起使用）
//data-placeholder      true | false                             可在一个非原生的选择菜单的 <option> 元素上设置
//data-role             none                                     防止 jQuery Mobile 把 select 元素渲染成按钮样式
//data-theme            字母 (a-z)                                规定 select 元素的主题颜色

如需组合多个 select 元素，请使用带有 data-role=”controlgroup” 属性和 data-type=”horizontal|vertical” 的容器来规定是否水平或垂直组合 select 元素。