javascript - 动态下拉ajax成功

Question

这里我尝试使用此方法来显示ajax的动态下拉成功代码如下:

 success: function (data) {
    for (var i in data) {
      console.log(data[i].CompanyID + ',' + data[i].clientidSele + ',' + data[i].CompanyName);
      document.getElementById("dropDown").innerHTML = '<select>' + data[i].CompanyName + '</select>';
    }
 }

一直尝试将其附加到 html 格式，但仅显示最后一个值，其他值未显示 document.getElementById("dropDown").innerHTML 它用于选择标记。

Answer 1

首先是jquery库文件。我希望你能理解我所做的事情。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>

success: function (data) {
    var result="<select>";
    $(data).each(function(index,value)){
        result+="<option value='" + value.CompanyID + "'>"+value.CompanyName+"</option>"
    }
    result+="</select>";
    $("#dropDown").html(result);
}