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

【问题标题】：Parse JSON File for Option in HTML select box在 HTML 选择框中为选项解析 JSON 文件
【发布时间】：2013-05-20 04:43:54
【问题描述】：

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

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

我只想在名为“城市”的 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 插件.. 我真的不知道让它工作.. 请帮帮我..

【问题讨论】：

标签： html json parsing cordova

【解决方案1】：

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

【讨论】：

对错误感到抱歉..已修复..但仍然没有工作..除了 jquery.js 之外，我还应该导入其他文件以使代码正常工作吗？
您使用的所有函数都是库存 jQuery，因此没有其他内容可包含。您是否进行了测试以确保您使用console.log(data) 或alert(data.toString()) 获取数据变量中的文件内容？
从不。我应该把它放在哪里？在函数（数据）{}内的括号中？抱歉这个愚蠢的问题。
无论如何，我将此函数包含在我的 html 文件顶部的
是的。在function(data){ 之后的第一件事你应该输入alert(data.toString())。当.getJSON 请求响应时，这将准确显示您的数据变量中的内容。