jquery - 如何在 HTML 选择标记中显示默认选项值

Question

我正在将动态值附加到 HTML Select。

我是这样做的

var response = {
    "companies": [{
        "companyID": 2,
        "companyName": "RAvi Corporation Ltd."
    }, {
        "companyID": 3,
        "companyName": "Kiran Cement Ltd."
    }, {
        "companyID": 4,
        "companyName": "ACC Ltd."
    }]
}

var companies = '<option value="">All Companies</option>';
for (var i = 0; i < response.companies.length; i++) {
    companies += '<option value="' + response.companies[i].companyID + '" selected>' + response.companies[i].companyName + '</option>'
}
$("#companieslist").html(companies);

最后一个值显示在 HTML Select 中，是否可以将所有公司显示为第一个值？？

这是我的 jsfiddle

https://jsfiddle.net/cf7hnvcq/1/

你能告诉我怎么做吗

Answer 1

只有您希望在默认情况下看到的选项应该具有 selected 属性。

第 20 行应该是:

var companies = '<option value="" selected>All Companies</option>';

第 22 行应该是:

companies += '<option value="' + response.companies[i].companyID + '">' + response.companies[i].companyName + '</option>'

DEMO