Javascript 相关下拉列表

我正在尝试创建一个下拉列表。第二个列表依赖于第一个列表，但当我编码并使用它时，它显示了所有的答案，比如“依赖”根本不起作用。这样地：

$（函数（）{
变量$cat=$（“#类别1”），
$subcat=$（“#类别2”）；
$cat.on（“更改”，函数（）{
var_rel=$（this.val（）；
$subcat.find（“option”）.attr（“style”和“）；
$subcat.val（“”）；
如果（！\u rel）返回$subcat.prop（“disabled”，true）；
$subcat.find（“[rel=“+\u rel+”]）.show（）；
$subcat.prop（“禁用”，false）；
});
});

WPROWADŹID标签
维比尔兹·迪亚（Wybierz dział）
维比尔兹·迪亚（Wybierz Dział）
制造牙膏
漱口水
精加工HSL
精整LSL
漱口水
VI管
六、印刷
威比尔兹里尼酒店
威比尔兹里尼酒店
李1
李2
李3
李4
李5
李6
李7
佐塔克
李9
制造兆瓦1
制造mw2
高速1号线
高速2号线
高速三号线
高速四号线
高速5号线
高速6号线
高速7号线
低速线路A
低速线路C
低速线路D
低速线路E
低速线路G
低速线路H
低速一号线
低速线路J
漱口水整理1
漱口水整理2
亚洲1
亚洲2号
亚洲3
亚洲4
亚洲5
亚洲6
亚洲7
亚洲8
亚洲9
亚洲10
KPG1
KPG2
KPG3
纳兹瓦·马斯齐尼
数据wystąpienia问题
Opisz问题
在需要显示的选项上调用
.show（）
的部分，还应确保在其他选项上调用
.hide（）

这样做：

    $subcat.find("option").hide().filter("[rel=" + _rel + "]").show();

此处适用：


$（函数（）{
变量$cat=$（“#类别1”），
$subcat=$（“#类别2”）；
$cat.on（“更改”，函数（）{
var_rel=$（this.val（）；
$subcat.val（“”）.find（“”）option.attr（“”）style（“”）；
如果（！\u rel）返回$subcat.prop（“disabled”，true）；
$subcat.find（“option”）.hide（）.filter（“[rel=“+\u rel+”]）.show（）；
$subcat.prop（“禁用”，false）；
});
});

WPROWADŹID标签
维比尔兹·迪亚（Wybierz dział）
维比尔兹·迪亚（Wybierz Dział）
制造牙膏
漱口水
精加工HSL
精整LSL
漱口水
VI管
六、印刷
威比尔兹里尼酒店
威比尔兹里尼酒店
李1
李2
李3
李4
李5
李6
李7
佐塔克
李9
制造兆瓦1
制造mw2
高速1号线
高速2号线
高速三号线
高速四号线
高速5号线
高速6号线
高速7号线
低速线路A
低速线路C
低速线路D
低速线路E
低速线路G
低速线路H
低速一号线
低速线路J
漱口水整理1
漱口水整理2
亚洲1
亚洲2号
亚洲3
亚洲4
亚洲5
亚洲6
亚洲7
亚洲8
亚洲9
亚洲10
KPG1
KPG2
KPG3
纳兹瓦·马斯齐尼
数据wystąpienia问题
Opisz问题
更改以下代码

$subcat.find("option").attr("style", "");

到

谢谢你，我现在不明白了：现在由你来决定是否接受答案，-）隐藏选项在所有浏览器中都不受支持，@charlietfl，但这不是OP提出的问题。
$subcat.find("option").attr("style", "display:none;");