jquery - jQuery：嵌套循环

Question

请帮忙，我需要简单的 AJAX 调用来填充 ddlist，如下例所示：

**United Kingdom**
   *(London
   Birmingham
   Bristol
   Leeds)*
**France**
   *(Paris
   Lille
   Calais)*
**Spain**
   *(Barcelona
   Real Madrid)*

我努力了

$.each(data.d.country, function(index, item) {
  $("#ddlist").append("<option />").text(item);
     $.each(item, function(newIndex, newItem) {
        $("#ddlist").append("<option />").text(newItem);
      });
  });

Answer 1

我不知道 ajax 如何返回国家/城市对象，但这里有一个示例，您可以如何创建该选择选项

var countries = ["United Kingdom",
                 "France",
                 "Spain"];
var cities = [["London",
               "Birmingham",
               "Bristol",
               "Leeds"], 
              ["Paris",
               "Lille",
               "Calais"],
              ["Barcelona",
               "Real Madrid"]
             ];

$(countries).each(function(key, val){
    $("#result").append('<optgroup label="'+val+'">');
    $(cities[key]).each(function(k, v){
        $("#result").append('<option>'+v+'</option>');
    });
    $("#result").append('</optgroup>');
});

示例：http: //jsfiddle.net/kC75w/

Answer 2

你也可以试试这个插件： http ://www.jeasyui.com/demo/main/index.php?plugin=ComboTree&theme=default&dir=ltr&pitem=