Javascript jQuery：多级级联动态下拉列表-添加问题&；删除从属下拉列表之间的项目

我有下面的级联下拉列表，当一个大陆被选中时，该大陆对应的国家应该加载到它的从属下拉列表中。此外，如果某个大陆被删除，则从“受抚养人”下拉列表中删除相应的国家。这将适用于国家及其附属下拉列表城市

这将解释所需的输出

（函数（）{
jQuery（文档）.ready（函数（）
{
var DropData1=[{
“大陆ID”：1，
“大陆名称”：“北美”，
“国家”：[
{“CountryId”：“1”，
“国家名称”：“美国”，
“城市”：[
{
“城市ID”：1，
“城市名称”：“亚特兰大”
},
{
“城市ID”：2，
“城市名称”：“纽约”
},
{
“城市ID”：3，
“城市名称”：“华盛顿”
},
{
“城市ID”：4，
“城市名称”：“辛辛那提”
},
{
“城市ID”：5，
“城市名称”：“丹佛”
},
{
“城市ID”：6，
“城市名称”：“SFO”
}                                                          ]
},
{“CountryId”：2，
“国家名称”：“加拿大”，
“城市”：[
{
“城市ID”：1，
“城市名称”：“托尔诺托”
}]
},
{“CountryId”：3，
“国家名称”：“墨西哥”
},
{“CountryId”：4，
“国家名称”：“格陵兰”}
]
},
{
“大陆ID”：2，
“大陆名称”：“亚洲”，
},
{
“大陆ID”：3，
“大陆名称”：“澳大利亚”，
},
{
“大陆ID”：4，
“大陆名称”：“非洲”，
},
{
“大陆ID”：5，
“大陆名称”：“欧洲”，
}
],
DropData2=[]，
DropData3=[]，
addRemoveCountryDropdown=''；
AddRemoveCitHydropdown=''；
$.each（DropData1，函数（索引，obj）
{
$（''）.val（索引+1）.text（对象名）.appendTo（'#大陆左'）；
});
$（“#btnAddContRight”）。单击（函数（e）
{
e、 预防默认值（）；
$（“#左选项：选中”）。每个（函数（）
{
$（“#右”）.append（$（''）.val（$（this.val（））.text（$（this.text（））；
$（this.remove（）；
});
$（“#btnRemoveContRight”）.removeClass（“已禁用”）；
addRemoveCountryDropdown（）；
});
$（“#btnRemoveContRight”）。单击（函数（e）
{
e、 预防默认值（）；
$（“#右选项：选中”）。每个（函数（）
{
$（“#左”）.append（$（''）.val（$（this.val（））.text（$（this.text（））；
$（this.remove（）；
var期权=$（“左期权”）；
options.detach（）.sort（函数（a，b）
{
var aValue=$（a）.val（）；
var bValue=$（b）.val（）；
返回aValue-bValue；
});
选项。附加到（“#左”）；
如果（！$（“#右”）.has（'option'）.length）{
$（“#btnRemoveContRight”）.addClass（“已禁用”）；
$（“CountryLeft”）.find（“option”）.remove（）；
$（“CountryRight”）.find（“option”）.remove（）；
$（“CityLeft”）.find（“option”）.remove（）；
$（“CityRight”）.find（“option”）.remove（）；
}
addRemoveCountryDropdown（）；
});
});
addRemoveCountryDropdown=函数（）{
$（“#CountryLeft”）.find（“option”）.remove（）；
$（“#右选项”）。每个（函数（）
{
var$this=$（this）；
$.each（DropData1，函数（索引，obj）
{
if（obj.contricontid==parseInt（$this.val（））&&obj.Country！==未定义）{
如果（！DropData2.length）
{
DropData2=目标国家/地区；
}否则{
美元，每个（对象国家，功能（索引，对象）
{
if（$.inArray（obj，DropData2）=-1）{
DropData2.推送（obj）；
}
});
}
$.each（DropData2，函数（索引，obj）
{
如果（！$（“#CountryLeft”）.has（'option'）.length）{
$（“”）.val（obj.contrizonId）.text（obj.contrizonName）.appendTo（“#CountryLeft”）；
}否则{
if（！$（“CountryLeft选项：包含（“+obj.ContinentName+”））。长度）{
$（“”）.val（obj.contrizonId）.text（obj.contrizonName）.appendTo（“#CountryLeft”）；
}
}
});
}
});
});
};
addremovecithydropdown=函数（）{
$（“#CityLeft”）.find（“option”）.remove（）；
$（“#CountryRight选项”）。每个（函数（）
{
var$this=$（this）；
$.each（DropData2，函数（索引，obj）
{
if（obj.colontId==parseInt（$this.val（））&&obj.Country！==未定义）{