Javascript 选择“选择”选项时的过滤器div

我有一个页面，不同的位置，不同的价格。选择选项时，将使用value属性过滤div。我有多个选择选项。我想过滤与位置的div，而且价格上涨应该是可见的。我们也欢迎您提供任何其他建议，以筛选位置

$（'select'）。每个（函数（）{
变量$this=$（this），
numberOfOptions=$（this）.children（'option'）.length；
$this.addClass（'select-hidden'）；
$this.wrap（“”）；
$this.after（“”）；
var$styledSelect=$this.next（'div.select-styled'）；
$styledSelect.text（$this.children（'option'）.eq（0.text（））；
var$list=$（“
”{
“类”：“选择选项”
}).insertAfter（$styledSelect）；
对于（var i=0；i”{
text:$this.children（'option'）.eq（i）.text（），
rel:$this.children（'option'）.eq（i）.val（）
}).附件（$清单）；
}
var$listItems=$list.children（'li'）；
$styledSelect.单击（函数（e）{
e、 停止传播（）；
$（'div.select-styled.active'）。不是（这个）。每个（函数（）{
$（this）.removeClass（'active'）.next（'ul.select options'）.hide（）；
});
$（this）.toggleClass（'active'）.next（'ul.select options'）.toggle（）；
});
$listItems。单击（函数（e）{
e、 停止传播（）；
$styledSelect.text（$（this.text（））.removeClass（'active'）；
$this.val（$（this.attr（'rel'））；
$list.hide（）；
//log（$this.val（））；
});
$（文档）。单击（函数（）{
$styledSelect.removeClass（'active'）；
$list.hide（）；
});
});
$（文档）.ready（函数（）{
$（“选择”）.change（函数（）{
$（this）.find（“选项：选中”）.each（函数（）{
var optionValue=$（此）.attr（“值”）；
如果（选项值）{
$（“.col-lg-4”）.not（“.”+optionValue.hide（）；
$（“+optionValue）.show（）；
}否则{
$（“.col-lg-4”）.hide（）；
}
});
}).change（）；
});







--选择位置--
纳希克古尔莫哈尔殖民地
纳希克戈文德纳加尔
纳希克Makhbalabad路
姆哈斯鲁尔，纳希克
帕塔迪·法塔，纳希克
纳希克科纳克纳加尔
--预算--
5Lac
10Lac
15Lac
20Lac
25Lac
30Lac
35Lac
40Lac
40Lac以上
--属性类型--
住宅的
商业的
其他
--选择位置--
纳希克古尔莫哈尔殖民地
纳希克戈文德纳加尔
纳希克Makhbalabad路
姆哈斯鲁尔，纳希克
帕塔迪·法塔，纳希克
纳希克科纳克纳加尔
--预算--
5Lac
10Lac
15Lac
20Lac
25Lac
30Lac
35Lac
40Lac
40Lac以上
--属性类型--
住宅的
商业的
其他
--选择位置--
纳希克古尔莫哈尔殖民地
纳希克戈文德纳加尔
纳希克Makhbalabad路
姆哈斯鲁尔，纳希克
帕塔迪·法塔，纳希克
纳希克科纳克纳加尔
--预算--
5Lac
10Lac
15Lac
20Lac
25Lac
30Lac
35Lac
40Lac
40Lac以上
--属性类型--
住宅的
商业的
其他
项目画廊
纳西克
图标构造
Makhmalabad，在Shantinagar后面
纳希克Makhmalabad路公共汽车站

2 BHK公寓
₹ 39拉丁美洲和加勒比
以后
纳西克
梦幻公寓
Pushpak Nagar，靠近Nashik Mhasrul的Puspavinayak神庙

1 BHK公寓
₹ 17.5拉丁美洲和加勒比
以后