JQuery Mobile selectmenu() 多个选项 true/false -> 不刷新选项的显示

Question

关于 JQuery 和 JQueryMobile，

代码在这个 JSFiddle 链接中：https://jsfiddle.net/nyluje/jg5cgw76/7/

我使用flipswitch 来改变select 对象是否具有multiple 属性。

起初flipswitch 是off，而multiple 属性不适用于select。

如果我使用select，我只能选择一个选项（这很好用）。

然后我把flipswitch 变成on。现在使用我在函数setSelectAccordingToFs() 中实现的代码，属性multiple 被添加到select 中，然后可以选择多个选项。但是有人注意到pop-up，它不是一个原生菜单，没有正确显示多选，就像这张图片：

它继续显示单选面板。这确实允许添加选项，但不提供取消一些选项的可能性：

因此我想知道：如何刷新选择使用的选择面板菜单，取决于select 标签上的attribute 多重值：'off' 或'on'？

有什么想法吗？

Answer 1

好的，我找到了解决方案。我在这个版本的 JSFiddle 中实现了它：https://jsfiddle.net/nyluje/jg5cgw76/8/

诀窍： 使用“刷新”选项是不够的。要（真正）刷新selectmenu 并在此刷新中包含面板，必须使用“销毁”和“启用”功能。所以在我的函数 setSelectAccordingToFs() 的底部，我添加了类似的内容：

    targetSelect.selectmenu('destroy');     
    targetSelect.selectmenu();
    targetSelect.selectmenu('enable');      
    targetSelect.selectmenu('refresh',true);