如何在html中附加javascript内容

我已经在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>");
                        }
                    }
                }
            }    
         }
});

$.ajax({
url:“https://api.wheel-size.com/***/***/",
方法：“GET”，
数据：{user_key:'***********'，make:valueSelectedmakes，year:select_year}，
数据类型：“json”，
cache:false，
成功：功能（数据集）{
var obj=JSON.stringify（数据集）；
if（数据集）{
var len=datases.length；
var txt=“”；
如果（len>0）{
对于（var i=0；i我用伪数据尝试了您的代码，它运行良好。
您是否收到以下格式的回复

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);


                        }
                    }
                }
            }    
         }
}); 

$.ajax({
url:“https://api.wheel-size.com/***/***/",
方法：“GET”，
数据：{user_key:'***********'，make:valueSelectedmakes，year:select_year}，
数据类型：“json”，
cache:false，
成功：功能（数据集）{
var obj=JSON.stringify（数据集）；
if（数据集）{
var data=[{name:“test”，slug:“test”}，{name:“test1”，slug:“test1”}]
var len=data.length；
如果（len>0）{
对于（var i=0；i您在控制台中遇到错误了吗？我希望它能起作用。（这不是我怎么做的，尤其是因为您想在
datases[i]中防御HTML字符。）name
，但我希望它能起作用。）请用一个演示问题的例子更新您的问题，最好是使用堆栈片段（the
[]
toolbar button；）。您可以使用
setTimeout
模拟ajax调用。@evolutionxbox显示Console.log（数据集；我得到的结果类似于（15）[{…}，{…}，{…}，{…}，{…}，{…}，{…}，{…}，{…}，{…}，{…}，{…}，{…}，{…}，{…}，{…}，{…}]0:{…}slug：“1系列”，名称：“1系列”{…}slug en:“3系列”，名称：“3系列”，名称：“3系列”}2:{slug:“5系列”，名称：“5系列”}…..14:{slug:“z4”，名称：“z4”，名称：“z4”}长度：15原型：数组（0）。响应似乎也没有问题…您尝试过上面的代码吗？为了确保响应没有问题，您可以尝试使用我在上面使用的虚拟数据。保持您的所有代码不变，仅在成功内部使用虚拟对象数据。并将其附加到下拉列表中。如果有效，我们将更正您的原始响应并使其生效我已经修改了我的答案，只是用虚拟数据运行它进行测试，我用虚拟数据进行测试，没有更改，也没有错误，你可以看到我的html内容，有三个选择框，这是最后一个