Javascript Jquery:load（）函数不在select标记中加载选项

当对两个字段中的任何一个进行更改时，我试图将后端生成的选项标记加载到我的select标记中

以下是前端的代码：

<select id="Events"> </select>

这没有加载任何标记，尽管我通过URL进行了检查，并且后端正在生成所需的选项标记输出：

喷雾球

我已经检查了后端，它正在生成相应的选项标记！只是这些选项标记没有加载到select标记中

---

感谢您的帮助

您无法将ajax结果加载到选择框中。试试下面这个

$(document).ready(function(){
  $("#Dept").on('change', function(){
    var dept = $("#Dept").val();
    var isTech = $(".isTech").val();

    $.get("/assets/scripts/Events.php?dept="+dept+"&istech="+isTech, function(response){ 
        $('#Events').html(response);
    });
  });

  $(".isTech").on('change', function(){
    var dept = $("#Dept").val();
    var isTech = $(".isTech").val();

    $.get("/assets/scripts/Events.php?dept="+dept+"&istech="+isTech, function(response){ 
      $('#Events').html(response);
    });
  });
});

---

您可能想检查一下这个问题，您是否介意分享您的想法，为什么它不是解决方案？

 <option value="56">spray ball</option>

$(document).ready(function(){
  $("#Dept").on('change', function(){
    var dept = $("#Dept").val();
    var isTech = $(".isTech").val();

    $.get("/assets/scripts/Events.php?dept="+dept+"&istech="+isTech, function(response){ 
        $('#Events').html(response);
    });
  });

  $(".isTech").on('change', function(){
    var dept = $("#Dept").val();
    var isTech = $(".isTech").val();

    $.get("/assets/scripts/Events.php?dept="+dept+"&istech="+isTech, function(response){ 
      $('#Events').html(response);
    });
  });
});