Javascript 根据选择显示下拉列表

我已经为操作员创建了一个基本的

下拉列表。
我在想有没有一种方法可以根据选择显示下拉项。如果在
类别
下拉列表中，我选择的价格是整数，而运算符下拉列表应仅显示整数相关项目

谢谢这是你需要的吗

脚本：

$（文档）.ready（函数（）{
$（文档）.on（'change'，'.category'，函数（）{
var val=$（this.val（）.toLowerCase（）；
$（'.operator option'）.hide（）；
$（'.operator选项'+val.show（）；
$（'.operator option.'+val+':first'）.attr（'selected'，'selected'）.change（）；
});
});

HTML:


价格
重量
大小
维
价格1
价格2
价格3
价格4
重量1
重量2
重量3
重量4
1号的
2号的
3号的
4号的
对于维度1
对于维度2
对于尺寸3
对于尺寸4

您可以修改它以更改类型检测。我使用类来选择选项，您可以在选项中设置自定义属性以区分它们。希望能有帮助。
还有你的背来帮助我；）是的，如果我可以：）顺便说一句，你提供的链接指向“过滤器生成器”，你的意思是说，如果我们有“选择字符串类型项目表单”下拉列表，那么只有字符串类型相关的项目。。是的，完全正确：）。If string然后string related items，If int然后int related items.@Richa i如果用户选择基于“工资扣除额”的“工资扣除额”筛选器，则您希望开发类似于选择“价格”然后基于“价格”的筛选器吗？？
<select class="category">
    <option val="price">Price</option>
    <option val="weight">weight</option>
    <option val="size">Size</option>
    <option val="dimension">Dimension</option>
</select>
<select class="operator">
    <option val="1" class="price">For Price 1</option>
    <option val="2" class="price">For Price 2</option>
    <option val="3" class="price">For Price 3</option>
    <option val="4" class="price">For Price 4</option>    
    <option val="1" class="weight">For Weight 1</option>
    <option val="2" class="weight">For Weight 2</option>
    <option val="3" class="weight">For Weight 3</option>
    <option val="4" class="weight">For Weight 4</option>    
    <option val="1" class="size">For Size 1</option>
    <option val="2" class="size">For Size 2</option>
    <option val="3" class="size">For Size 3</option>
    <option val="4" class="size">For Size 4</option>
    <option val="1" class="dimension">For Dimension 1</option>
    <option val="2" class="dimension">For Dimension 2</option>
    <option val="3" class="dimension">For Dimension 3</option>
    <option val="4" class="dimension">For Dimension 4</option>
</select>