我知道这可能是一种效率低下的方法，但是我想先使其工作，然后再尝试对其进行优化。本质上，我希望代码执行的一些操作现在无法正常工作：
占位符显示在下面的代码段中，但似乎未出现在任何Web浏览器中。
第一个下拉菜单似乎没有显示任何选项
在选择第二个下拉菜单（国家/地区）后，将出现另一个问题，要求用户从更特定的区域（市政等）中进行选择
任何帮助或指导表示赞赏。
<脚本>
var data = {
国家：[{
名称：“中国”，
小孩：[{
名称：“北京”，
孩子：[{name：'Beijing'}]
}]
}，{
名称：“印度”，
小孩：[{
名称：'Uttar'，
孩子：[{name：'Kanpur'}，{name：'Ghaziabad'}]
}，{
名称：“马哈拉施特拉邦”，
孩子：[{name：'Mumbai'}，{name：'Pune'}]
}]
}，{
名称：“美国”，
小孩：[{
名称：“阿拉巴马州”}]
}]
};
函数buildSelect（name，data，childs）{
var div = $（'
'）;
div.addClass（'hidden autoSelect'+ data.name +''+ name）;
var label = $（'