Ajax返回的数组遍历到select下拉框中

原创于 2019-10-10 17:27:13 发布 · 1.5k 阅读

CC 4.0 BY-SA版权

本文介绍了一种使用jQuery和AJAX结合的方法，实现实时从服务器获取公司列表数据，并动态填充到HTML页面的下拉选择框中。此方法提高了用户体验，避免了页面刷新。

HTML部分：

<form id="deviceAdd">
      <select id="companySelect" name="companyId"></select>
</form>

JS部分：

$.ajax({
    type: 'get',
    url: domainName + '/api-d/company/queryByCondition',
    success: function (data) {
        let companyList = data.data;
        let optionString = "";
        for (let i in companyList) {
            let jsonObj = companyList[i];
            optionString += "<option value=\"" + jsonObj.id + "\">" + jsonObj.name + "</option>";
            $("#companySelect").html("<option value=''>请选择...</option>" + optionString);
        }
    }
});