我有一个 jQuery mobile SELECT，其中选项是动态更改的，我需要从原生选择更改为自定义选择以根据选项的数量显示选项（数据原生菜单）（并且不更改页）。
示例：如果我按下一个按钮，我将选择中的选项数动态更改为五个，并且我想将选择显示为原生，然后，如果我按下另一个按钮，我将选项更改为 2，所以我想将其显示为自定义。
有什么想法吗？有可能吗？
【问题讨论】：
标签： jquery html jquery-mobile html-select
是否可以只有两个选择框？一个应用了样式，一个没有？然后根据您使用的集合的大小，您只需显示正确的选择框？
我尝试创建一个将 jquery 移动样式动态应用/删除到 1 个选择框的示例，但我不确定它是否可行。
【讨论】：
由于 JQM 自定义选择确实涉及大量 DOM 修改（想想子页面，其中包含与原始选择相关的所有选项列表），我不知道您是否可以轻松地在两种模式之间切换。
您总是可以在修改选项数量后重建选择，如下所示：
//refresh value
$('select').selectmenu('refresh');
//refresh and force rebuild
$('select').selectmenu('refresh', true);
取自JQM docs。只需尝试在此处添加/删除 data-native-attribute 看看会发生什么。
我通常在页面加载时设置选择，如下所示：
$('div:jqmData(role="page").basePage').on('pagebeforecreate', function() {
// Jquery Mobile Custom Select
if ( !$.support.touch ) {
$(this).find('select').attr('data-native-menu',false);
}
});
这种方式在触摸设备上所有选择都将获得 data-native-menu 属性，并将“增强”到原生选择，而在桌面 JQM 上接管并创建自定义选择。
我认为这是“最好看”的做事方式。只需确保添加属性之前 JQM 增强元素。
【讨论】：