在 json 或 xml 中填充动态选择下拉列表（以及如何）答案

【问题标题】：Populating dynamic select dropdown in json or xml (AND HOW)在 json 或 xml 中填充动态选择下拉列表（以及如何）
【发布时间】：2012-01-06 14:40:44
【问题描述】：

我需要动态填充此类下拉菜单。

默认情况下第一个可见，选择特定选项时，相应的第二个下拉菜单将显示其相关选项并隐藏其他选项。

然后在选择其选项时，第三级下拉菜单应打开相应的选项。

用 XML 或 JSON 处理这些数据更好吗？我在使用 jQuery 和 AJAX 解析这些数据时遇到了困难。有人可以帮助我以动态方式解决这个问题。我的 HTML 没有任何标签。它应该都是动态填充的。

谢谢。

以下是 HTML 的呈现方式。同样默认情况下，只有第一个下拉菜单在选择其选项时可见，第二个下拉菜单应填充其相关选项，依此类推...

http://jsfiddle.net/wNjLm/1/

【问题讨论】：

标签： jquery xml ajax json parsing

【解决方案1】：

我肯定会使用 JSON。这是一个小例子：

var data = [
    {
        name: "English Languages",
        values: ["English 1", "English 2", "English 3", "English 4"]
    },
    {
        name: "French Languages",
        values: ["French 1", "French 2", "French 3", "French 4"]
    },
    {
        name: "Spanish Languages",
        values: ["Spanish 1", "Spanish 2", "Spanish 3", "Spanish 4"]
    }
];

for(var i = 0; i < data.length; i++) {
    var category = data[i];
    var optgroup = $("<optgroup>").prop("label", category.name);
    for(var j = 0; j < category.values.length; j++)
        optgroup.append($("<option>").text(category.values[i]));

    $("#lang").append(optgroup);
}

http://jsfiddle.net/wNjLm/2/

这将使用 JSON 数据（在本例中已加载）填充一个选择。

【讨论】：

你不是在json对象中取国家名吗，他们会去哪里。
国家名称也可以是 JSON。一个简单的数组就可以了。
能否发个小提琴