jquery - 防止多选框在移动浏览器上的多选框中不更改

Question

如何防止多选框不将移动浏览器上的视图更改为复选框？

已经尝试了 data-role="none" 属性但不起作用。

  <select multiple="multiple" data-role="none">
        <option value="USD">US Dollar</option>
        <option value="EUR">Euro</option>
        <option value="GBP">British Pound Sterling</option>
  </select>

目前，此移动浏览器多选框的输出显示在复选框中，我希望将其作为移动浏览器中多选框的默认视图。

标签： jqueryjquery-mobile

Answer 1

没有data-role="none"，但您可以使用 data 属性：data-native-menu="false".

来自文档：“当设置为 时true，单击自定义样式的选择菜单将打开最适合性能的本机选择菜单。如果设置为false，将使用自定义选择菜单样式而不是本机菜单。”

<select multiple="multiple" data-native-menu="false">
  <option value="USD">US Dollar</option>
  <option value="EUR">Euro</option>
  <option value="GBP">British Pound Sterling</option>
</select>