Javascript 在一个select标记中显示JSON对象

我正在使用一个下拉菜单，在这里我需要在一个选择标签中显示省市

因此，在加载时，它将显示所有省份，当我选择一个省份时，列表将更改为城市

我可以显示省份列表，但我不知道如何显示城市

我希望你能理解我

谢谢

示例代码

var province=[ {
    "id": "820000",
    "name": "澳门",
    "city": [ {
        "id": "820001", "name": "澳门"
    }
    ]
}


$(document).ready(function () {
        var provinceListItems = '<option selected="selected" value="">省</option>';
        var citiesListItems = '<option selected="selected" value="">城市</option>';

        for (var i = 0; i < province.length; i++) {
             provinceListItems += "<option value='" + province[i].name + "'>" + province[i].name + "</option>";

         }

         $("#provinceCity").html(provinceListItems);
     });

var省=[{
“id”：“820000”，
“名称”：澳门",
“城市”：[{
id:“820001”，“名称”：澳门"
}
]
}
$（文档）.ready（函数（）{
var provinceListItems=省';
var citiesListItems=城市';
对于（变量i=0；i

var省=[
{
“id”：“820000”，
“名称”：“P1”，
“城市”：[
{
“id”：“820001”，“名称”：“C1P1”
},
{
“id”：“820002”，“名称”：“C2P1”
},
{
“id”：“820003”，“名称”：“C3P1”
}
]
},
{
“id”：“830000”，
“名称”：“P2”，
“城市”：[
{
“id”：“830001”，“名称”：“C1P2”
},
{
“id”：“830002”，“名称”：“C2P2”
},
{
“id”：“830003”，“名称”：“C3P2”
}
]
}
];
函数loadProvince（）{
$（“#provinceCity”）.html（“选择省”）；
对于（var i=0；i您想在何处查看城市名称？在单独的下拉列表中？不，先生，在同一下拉列表中，您可以附加一个更改事件侦听器，然后执行相同的操作来添加城市您正在做什么来添加省>我正在处理，先生。如果您将省替换为城市，用户以后将如何更改省？@misdirection总是welcome。那里有一些bug，修复了它并更新了代码。请现在参考。还有一个清除按钮用于返回到province@AneeshRS先生，你能再帮我一次吗？是的，让我查一下