Javascript 使用jQuery UI选择菜单选择中的隐藏/显示选项

我使用jQuerySelectMenu插件来显示一个风格优美的选择菜单。我有三个选择菜单，所有选项都隐藏在最后两个菜单中，当你从菜单一中选择一个选项时，它会显示菜单二中的相关选项。同样的事情也发生在2到3号菜单上。如果没有selectmenu插件，这可以正常工作。与选择菜单插件不一样的是，它会消失并且不会重新出现

演示

无需jQuery selectmenu插件即可完全工作

演示

我不熟悉selectmenu小部件，但我可以指出一些需要注意的事项。稍微修改一下代码，似乎在调用selectmenu后，无法调用hide：

$(function(){            
    $('.select1').selectmenu();
    $('.select3').selectmenu();

    $('.select2').hide();    <---- hidden
    $('.select3').hide();    <---- not hidden
/*
    $('.select1').on('change', function () {
       ...
       ...
    */
});  

---

我想应该是1、2和3？

使用以下代码：

// init
var mySelect = $( "#my-select" ).selectmenu();

// hide
mySelect.selectmenu('close');
mySelect.widget().hide();

// show
mySelect.widget().show();

---

我有类似的问题，我解决了

$original\u select\u id.选择菜单刷新

我有一段代码，根据对其他选择的选择删除或附加选择选项。IE对select选项的show/hide方法有问题，这就是为什么我使用remove/append方法的原因，也许这是所提供的代码解决此问题所必需的

---

在对原始select元素进行更改后执行此代码时，jQuery UI selectmenu会重新初始化自身，并且只包含动态添加/未删除的选项。

之所以会出现这种情况，是因为selectmenu小部件会替换大多数html，包括id和数据id属性。这是意料之中的行为。你是如何解决这个问题的？你有什么问题？旁注：样式不是有效选项当新附加元素有id时，您可以找到它。例如，当您有$'myspecialselect'.selectmenu；，新元素是$myspecialselect menuth这是由于selectmenu将select元素替换为div元素，并在这个过程中删除了类；不是隐藏的错，而是选择器不匹配我还在努力寻找解决方案。

SELECT OPTION 1
SELECT OPTION 1
SELECT OPTION 3

// init
var mySelect = $( "#my-select" ).selectmenu();

// hide
mySelect.selectmenu('close');
mySelect.widget().hide();

// show
mySelect.widget().show();