无法填充<；asp:DropDownList>；使用jquery和json

我试图用json和jquery填充dropdownlist。我在一个名为“scripts”的项目文件夹中有一个.json文件，其中还有我所有的.js文件。 这是：

{
    Cities: [{
        "City": "Sofia",
        "cityID": "1"
    }, {
        "City": "Plovdiv",
        "cityID": "2"
    }, {
        "City": "Varna",
        "cityID": "3"
    }, {
        "City": "Burgas",
        "cityID": "4"
    },
    {
        "City": "Rousse",
        "cityID": "5"
    },
    {
        "City": "Stara Zagora",
        "cityID": "6"
    },
    {
        "City": "Pleven",
        "cityID": "7"
    },
    {
        "City": "Sliven",
        "cityID": "8"
    },
    {
        "City": "Dobrich",
        "cityID": "9"
    },
    {
        "City": "Shumen",
        "cityID": "10"
    }]
}

这是我的js，在页面上

$(document).ready(function () {
    $.getJSON("Scripts/cities.json", function (obj) {
        $.each(obj.cities, function (key, value) {
            $("#db_City").append("<option>" + value.City + "</option>");
                });
        });

$（文档）.ready（函数（）{
$.getJSON（“Scripts/cities.json”，函数（obj）{
$。每个（对象、城市、功能（键、值）{
$（“#db_City”）.append（“+value.City+”）；
});
});

我不明白为什么它不流行，我不知道我错过了什么，因为我在这方面是一个完全的新手。谢谢你提前给我的任何提示/建议。

你有两个问题：

• 在Scripts/cities.json中，您有城市：更改为“城市”
• 在每个循环中都有obj.cities：更改为obj.cities

在任何情况下，您都可以将json声明为一个库，并像普通js一样包含它。这足以将对象与变量关联起来

片段：

var obj={
城市：[{
“城市”：“索非亚”，
“城市ID”：“1”
}, {
“城市”：“普洛夫迪夫”，
“城市ID”：“2”
}, {
“城市”：“瓦尔纳”，
“城市ID”：“3”
}, {
“城市”：“布尔加斯”，
“城市ID”：“4”
},
{
“城市”：“鲁斯”，
“城市ID”：“5”
},
{
“城市”：“Stara Zagora”，
“城市ID”：“6”
},
{
“城市”：“普莱文”，
“城市ID”：“7”
},
{
“城市”：“斯莱文”，
“城市ID”：“8”
},
{
“城市”：“多布里奇”，
“城市ID”：“9”
},
{
“城市”：“蜀门”，
“城市ID”：“10”
}]
};
//$.getJSON（“..../data.json”），函数（obj）{
$。每个（对象、城市、功能（键、值）{
$（“#db_City”）.append（“+value.City+”）；
});
//})；

就JavaScript和jQuery而言，没有所谓的

asp:DropDownList

。它只是普通的HTML。因此，请查看浏览器中的实际HTML。并确保您的ID匹配。在JavaScript控制台中查找错误。此外，如果您是第一次学习asp.NET，为什么要浪费时间使用Web表单吗？该框架正在消亡。学习！谢谢，修复这两个问题使Drownlist完美工作。：）很高兴帮助您