如何在html中附加javascript内容

Question

我已经在 ajax 中工作，并且附加内容无法像我的 html 字段那样工作

<div class="input-field hidemodals">
      <select class="model_select"   onchange="showfunction()"  id="modal_number">
              <option value="" disabled selected> Select Model</option>
      </select>
</div>

在javascript中我会做的

$.ajax({
    url:"https://api.wheel-size.com/***/***/",
    method: 'GET',
    data: {user_key: '*************', make:valueSelectedmakes , year:select_year },
    dataType:"json",
    cache: false,
    success: function(datases) {
var obj = JSON.stringify(datases); 
        if(datases){
                var len = datases.length;
                var txt = "";
                  if(len > 0){
            for(var i=0;i<len;i++){
                        if(datases[i].name){
                             $('#modal_number').append("<option value="+datases[i].slug+">"+datases[i].name+"</option>");
                        }
                    }
                }
            }    
         }
});

我将控制台追加数据显示在控制台中，但结果没有显示在 html 部分，为什么？

Answer 1

我用虚拟数据尝试了你的代码，它工作正常。 您是否收到以下格式的回复？

var data = [{name:"test", slug:"test"}, {name:"test1", slug: "test1"}]

您能否发布您在 datases 对象中获得的响应快照？或者尝试下面的代码并检查它是否有效。

$.ajax({
    url:"https://api.wheel-size.com/***/***/",
    method: 'GET',
    data: {user_key: '*************', make:valueSelectedmakes , year:select_year },
    dataType:"json",
    cache: false,
    success: function(datases) {
var obj = JSON.stringify(datases); 
        if(datases){
                var data = [{name:"test", slug:"test"}, {name:"test1", slug: "test1"}]
                var len = data.length;

                  if(len > 0){
            for(var i=0;i<len;i++){
                        if(data[i].name){
                   var modalElement = document.getElementById("modal_number");
   var option = document.createElement("option");
 option.text = data[i].name;
 option.value = data[i].slug;
  modalElement.add(option);


                        }
                    }
                }
            }    
         }
});