在HTML选择框中解析选项的JSON文件

Question

我正在为我的公司做PhoneGap项目..接下来...... 我有一个名为city.json的json文件

[{"CityID":1,"CityName":"Magelang"},{"CityID":2,"CityName":"Jayapura"},{"CityID":3,"CityName":"Aceh"}]

我只想在名为“city”的html选择框中获取该选项的城市数据..我在网上搜索过，但找不到任何此JSON模式的解决方案..我试过这段代码，但它没有用..

$(document).ready(function(){
            $.getJSON('city.json', 
            function(data){
                var html = '';
                var len = data.length;
                for (var i = 0; i< len; i++) {
                    html += '<option value="' + data[i].CityID + '">' + data[i].CityName + '</option>';
                }
                $('#city').appendTo(html);
            });
        });

我也导入了jquery javascript插件..我真的不知道让它工作.. 请帮帮我..

Answer 1

使用.append()而不是.appendTo()。您正在尝试将$("city")附加到html变量。