Question

我正在尝试在对2个字段中的任何一个进行更改时将后端生成的选项标记加载到我的select标记中。

以下是前端的代码：

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

这是jQuery：

$(document).ready(function() {
    $("#Dept").on('change', function() {
        var dept = $("#Dept").val();
        var isTech = $(".isTech").val();
        $("#Events").load("/assets/scripts/Events.php?dept=" + dept + "&istech=" + isTech);
    });
    $(".isTech").on('change', function() {
        var dept = $("#Dept").val();
        var isTech = $(".isTech").val();
        $("#Events").load("/assets/scripts/Events.php?dept=" + dept + "&istech=" + isTech);
    });
});

这不加载任何标签，虽然我通过URL检查，后端正在生成选项标签的必需输出：

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

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

感谢您的帮助

Answer 1

您无法将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);
    });
  });
});

Jquery：load（）函数没有加载select标签中的选项

1 个答案: