Javascript 使用jQuery Selectmenu插件隐藏和显示SelecBox

Javascript 使用jQuery Selectmenu插件隐藏和显示SelecBox,javascript,jquery,jquery-plugins,Javascript,Jquery,Jquery Plugins,我正在尝试使用jQuery Selectbox插件创建级联Selectbox。我有两个选择框;一个列表s/w(工具)和一个用于工具版本。我希望能够选择工具,显示工具版本选择框,并将特定版本的数据写入屏幕。通过在代码的“if(tool==”toolname“{”部分插入以下内容,我使用Selectbox插件实现了这一点: $("#tb select:not(#tool, #cgs)").hide(); 但这似乎不适用于Selectbox插件。我怀疑这是由于我有限的Javascript和jQue

我正在尝试使用jQuery Selectbox插件创建级联Selectbox。我有两个选择框;一个列表s/w(工具)和一个用于工具版本。我希望能够选择工具,显示工具版本选择框,并将特定版本的数据写入屏幕。通过在代码的“if(tool==”toolname“{”部分插入以下内容,我使用Selectbox插件实现了这一点:

$("#tb select:not(#tool, #cgs)").hide(); 
但这似乎不适用于Selectbox插件。我怀疑这是由于我有限的Javascript和jQuery经验。如果我能让“工具”成为全局的,我可以在$(document)的最后一行使用它。ready(function()。现在,只有在我将工具名称硬编码到最后一行时,它才起作用:

$('select#toolname).selectmenu({maxHeight: 150}).parent("fieldset").hide(); 
下面列出了javascript和HTML。如有任何想法或帮助,将不胜感激。提前感谢

Javascript粘贴:

HTML粘贴:

首先,您的Javascript没有运行。您没有关闭
#cgs
的处理程序(这可能是一个错误,因为它在
dpss
else情况下。)

在回调中,您可以使用
this.value
-
选项获取select元素的实际值。value
似乎不起作用


tool
也只有在您使用菜单选择一个工具后才会被定义-该行应该进入
select
回调函数,以便在定义变量之前不会运行它。

这是最终的解决方案,希望它能帮助某些人:

Javascript粘贴:

Dennis,谢谢你的输入。我觉得自己真的很愚蠢。我做了很多更改,但我不知道我发布的Javascript中有这些错误。这些错误不在我的代码中,而是在编辑额外代码以使发布更清晰时发生的。总之,Dennis,谢谢你的输入。我觉得自己真的很愚蠢。我已经做了很多更改es我不知道我发布的Javascript中有这些错误。错误不在我的代码中,而是在编辑额外代码以使发布更清晰时发生的。无论如何,我不确定如何在此处换行,但显然“回车”不是正确的方法。如果有人感兴趣,我将在下面发布我的解决方案。