javascript - 如何使用 jquery/javascript 在 html 选择选项中填充 javascript 对象值的数据

Question

javascript 对象 命名国家。现在我想在 HTML 中填充此数据选择

var countries = {
    India:"delhi",
    US:"Norway",
    UK:"London",
    id: 123752,
    allcountries : function(){return this.India +" "+ this.US + " " + this.UK + " "+this.id}
};

HTML 代码

<select id="con">
    <option></option>
</select>

我试过了

document.getElementById("con").innerHTML = countries.allcountries();

$('#con option').append(countries.India);

但它不起作用任何人都可以帮助我在 html 选择中使用 jquery/javascript 填充数据。

Answer 1

尝试，

var countries = {
    India: "delhi",
    US: "Norway",
    UK: "London"
};

$('#con').html($.map(countries, function (val, key) {
    return '<option value="' + key + '">' + val + '</option>';
}).join(''));

DEMO