Javascript jQuery-JSON选项过滤器

我已经创建了这个JSON业务目录，并帮助我根据相关JSON字段内容动态生成我的国家/地区下拉列表过滤器。现在，我试图为state和city字段复制这个函数

我可以让字段正确填充，但它们不起作用，列表中出现空字段的问题成为一个问题（大量空白）。我尝试在选项字段值上进行条件切换，但不起作用

我的目标是在选择一个国家之前，州和城市下拉列表不可选择，然后其他两个字段都可以选择，并且只能由所选国家的项目中的字段填充。也许我想做的太多了，但我一整天都在努力，不得不放弃一切，再试一次。如果有人能给我指出正确的方向，我将非常感谢你的帮助

jQuery（文档）.ready（函数（）{
jQuery（“#countryFilter、#stateFilter、#cityFilter、#customsFilter、#originalsFilter、#orderFilter”）。打开（“更改”，函数（）{
var country=jQuery（“#countryFilter”）.val（）.toLowerCase（）；
var country=jQuery（“#stateFilter”）.val（）.toLowerCase（）；
var country=jQuery（“#cityFilter”）.val（）.toLowerCase（）；
var customs=jQuery（“#customsFilter”）。是否（“：选中”）；
var originals=jQuery（“#originalsFilter”）。是（“：checked”）；
var order=jQuery（“#orderFilter”）.is（“：checked”）；
var选择器=”；
如果（国家！=“全部”）选择器+=”。过滤国家-“+国家；
如果（海关）选择器+=“.过滤海关”；
如果（原件）选择器+=“.filter originals”；
如果（顺序）选择器+=“.filter order”；
if（selector.length==0）
选择器=“.LD_项目_包装”；
其他的
选择器=“.LD_项目_包装”+选择器；
jQuery（“.LD_item_wrap”）.hide（）；
jQuery（选择器）.show（）；
});
jQuery.getJSON（“https://api.myjson.com/bins/it5hh.json，函数（数据）{
每个（数据，函数（i，字段）{
var name=field.name；
var url=field.url；
var customs=field.customs；
var ones=字段一次过；
var originals=field.ORIGINAL_模型；
var order=field.order\u ONLINE；
var city=field.city；
var state=field.state；
var country=field.country；
var luthier=field.luthier；
var email=field.email；
var tel=field.tel；
var store=field.store；
var info=field.info；
var Speciality=field.Speciality；
var-school=field.school；
var classString=“filter country-”+country.toLowerCase（）；
如果（海关==“是”），则类字符串+=“过滤海关”；
如果（原件==“是”），则类字符串+=“过滤原件”；
如果（顺序==“是”），则类字符串+=“过滤顺序”；
var uniqueElements=[]
函数CheckIfExists（字段）{
var=false；
每个（uniqueElements，function）（i2，field2）{
如果（field2.COUNTRY==field.COUNTRY）{
存在=真；
返回true；
};
});
回报存在；
}
每个（数据，函数（i，字段）{
如果（！CheckIfExists（字段））{
单件推送（现场）
}
});
jQuery（“#countryFilter”）.empty（）；
jQuery（'#countryFilter'）.append（jQuery（''{
值：“全部”，
文字：“全部”
}))
jQuery.each（uniqueElements，function（i，item）{
jQuery（'#countryFilter'）.append（jQuery（''{
值：item.COUNTRY，
文本：item.COUNTRY
}));
});
jQuery（“#显示数据”）.append（“+name+”+“+”+“+”+“+”+”+“+”+”+“+城市+”+“+州+”+“+国家+”自定义版本？”+海关+“一次性”+“原始型号”+“在线订购”+“订单+”联系人详细信息制琴师“+”电子邮件“+”+“+”电话“+”商店+”信息“+”专业“+”专业“+”“学校/课程”+学校+”）；
});
jQuery（'.LD_-MF'）。每个（函数（）{
var=jQuery（this）；
that.attr（'href'，that.attr（'href'）.replace（'x.x]'，''）。replace（'x.x]'，'@'）；
that.html（that.html（）.replace（'[x.x]'，'.'）。replace（'[x.x]'，'@'））；
});
var check=jQuery（'.LD_item_wrap div'）；
对于（var i=0；i*{显示：内联块；边距：4px 5px；颜色：#000；}
.LD_7:after，.LD_8:after{content:'，'；}
.LD_lctn、.LD_2、.LD_3、.LD_4、.LD_5、.LD_6{文本转换：大写；字体大小：12px；}
.LD_3、.LD_4、.LD_5、.LD_6{边距：3px 10px；线宽：14px；最大宽度：280px；边框：1px#fafafa solid；}
.LD_3 span、.LD_4 span、.LD_5 span、.LD_6 span{margin left:20px；float:right；}
.LD_cntct_div{margin:20px 0 10px 10px；字体大小：12px；字体大小：粗体；边框底部：1px rgba（0,0,0,05）虚线；}
.LD#cnt#cnt>div{padding:0；字体大小：14px；颜色：#000；最大宽度：350px；边框：1px#fafafa solid；高度：26px；}
.LD_cnt_cnt>div sup{float:left；}
.LD_cnt_cnt>div span{float:right；}
.LD_11>span a{color:#000；文本装饰：无；}
.LD_11>span a:hover{color:#cc4c4c；}
.LD_11>span a:active{color:#fff；}
#显示数据{高度：414px；溢出-y:滚动；溢出：-moz滚动条垂直；}
#LD#u scrl{文本对齐：居中；文本转换：大写；字体大小：12px；颜色：#cc4c4c；填充：2px 0；}
#LD#U子出口{高度：25px；宽度：25px；位置：绝对；顶部：0px；右侧：12px；方框阴影：1px 1px#ccc；边框半径：20px；不透明度：