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它在select标记中使用。

Answer 1

问题是你没有联系html。

请修改您的代码：

success: function (data) {
var selectHtml = "<select>";

for (var i in data) {

    console.log(data[i].CompanyID + ',' + data[i].clientidSele + ',' + data[i].CompanyName);

     selectHtml += '<option value="' + data[i].CompanyID + '">' + data[i].CompanyName + '</option>';
 }

 selectHtml += '</select>';

document.getElementById("dropDown").innerHTML = selectHtml ;
}

Answer 2

在+=中使用document.getElementById("dropDown").innerHTML +=进行分配

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

Answer 3

首先在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);
}

Answer 4

您应该使用<option>标记，因为您已经插入innerHTML <select>标记，也应该使用

...innerHTML += '<option>' + data[i].CompanyName + '</option>';

因为=会在每次迭代中覆盖前一个。

动态下降ajax成功

4 个答案: