防止多select框在移动浏览器的多复选框中不改变

Question

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

已经尝试了 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>

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

Answer 1

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

来自docs："When set to true, clicking the custom-styled select menu will open the native select menu which is best for performance. If set to false, the custom select menu style will be used instead of the native menu."

<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>

防止多select框在移动浏览器的多复选框中不改变

Prevent multi select box to not change in multi check box on mobile browser

jquery

jquery-mobile