使用jQuery Selectmenu插件隐藏和显示选择框

Question

我正在尝试使用jQuery Selectbox插件来创建级联选择框。我有2个选择框;一个列表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 Pastie： http://pastie.org/2685454

HTML Pastie： http://pastie.org/2685522

Answer 1

这是最终解决方案，希望它能帮到某人：

Javascript Pastie： http://pastie.org/2695842

Answer 2

首先，您的Javascript无法运行。你没有关闭#cgs的处理程序（这可能是一个错误，因为它在dpss其他情况下。）

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

在您选择带有菜单的工具之后，

tool也不会被定义 - 该行应该放在select回调函数中，因此在定义变量之前它不会运行。