Jquery：load（）関数が選択タグのオプションをロードしない

Question

2つのフィールドのいずれかに変更が加えられたときに、バックエンドによって生成されたオプションタグをmy 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> 

私はバックエンドをチェックしてアプリケーションを生成していますロープライドオプションタグ！これらのオプションタグがselectタグにロードされていないことだけです。

ありがとうございます

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