Javascript 如何在选择选项中使用“for each”？

我想问一下每个人的情况 这是我的HTML

<select class="namaKota" id="fromCity"></select>

这是我的JS

var a = $("select#fromCity").val();
listKota.forEach(function(e){
   a.append('<option value="'+ listCity.code +'">'+ listCity.cityname +'</option>');});

我想要像这样的形象。我如何为每一个创建使用

---

这是我的护照。有人帮忙吗？谢谢

图像中的布局使用元素对图像进行分组。因此需要两个循环；一个用于从对象的键创建optgroup，另一个用于填充这些组中的实际选项。试试这个：

var listCity={ 流行的：[ {城市名称：伦敦，代码：LDN}， {城市名称：罗马，代码：ROM}， {城市名称：马德里，代码：MDR} ], 德国：[ {城市名称：汉堡，代码：HMB}， {城市名称：法兰克福，代码：FRN} ] } Object.KeyListCity.forEachfunctionkey{ var$group=$； listCity[key].forEachfunctionobj{ $group.append+obj.cityname+ } $'fromCity'。追加$group； }

---

图像中的布局使用元素对图像进行分组。因此需要两个循环；一个用于从对象的键创建optgroup，另一个用于填充这些组中的实际选项。试试这个：

var listCity={ 流行的：[ {城市名称：伦敦，代码：LDN}， {城市名称：罗马，代码：ROM}， {城市名称：马德里，代码：MDR} ], 德国：[ {城市名称：汉堡，代码：HMB}， {城市名称：法兰克福，代码：FRN} ] } Object.KeyListCity.forEachfunctionkey{ var$group=$； listCity[key].forEachfunctionobj{ $group.append+obj.cityname+ } $'fromCity'。追加$group； } 您需要使用option元素创建optGroup元素，该元素需要添加到select元素中

var listCity={ 流行的：[ {城市名称：伦敦，代码：LDN}， {城市名称：罗马，代码：ROM}， {城市名称：马德里，代码：MDR} ], 德国：[ {城市名称：汉堡，代码：HMB}， {城市名称：法兰克福，代码：FRN} ] } var select=$selectfromCity； //迭代列表城市 对于listCity中的var键{ var cities=listCity[key]； //创建optGroup var optGroup=${ 标签：键 } 对于变量i=0；i var listCity={ 流行的：[ {城市名称：伦敦，代码：LDN}， {城市名称：罗马，代码：ROM}， {城市名称：马德里，代码：MDR} ], 德国：[ {城市名称：汉堡，代码：HMB}， {城市名称：法兰克福，代码：FRN} ] } var select=$selectfromCity； //迭代列表城市 对于listCity中的var键{ var cities=listCity[key]； //创建optGroup var optGroup=${ 标签：键 } 对于变量i=0；ivar a = $("select#fromCity").val(); listKota.forEach(function(e){ a.append('<option value="'+ listCity.code +'">'+ listCity.cityname +'</option>');});

var select = $("select#fromCity");

//Iterate list City
for (var key in listCity) {
    var cities = listCity[key];

    //Create optGroup
    var optGroup = $('<optgroup/>', {
        label: key 
    })
    for (var i = 0; i < cities.length; i++) {
        //Create option and append to optGroup created above
        $('<option>', {
            value: cities[i].code,
            text: cities[i].cityname,
        }).appendTo(optGroup);
    }

    optGroup.appendTo(select);
}