jquery multiselect以前のonChangeイベントの値をAJAXを使用して更新しないでください

Question

jquery multiselectを使用し、AJAXを使用してデータベースからフェッチしたデータを表示しました。

複数選択ドロップダウンを変更すると、複数選択ドロップダウンが発生し、すべての学生リストが複数選択で必要になります。一度しかうまく動作しませんが、再度変更すると、新しい値ではなく以前に取得された値が表示されます。

しかし、ドロップダウンの値を再度変更すると（AJAXを呼び出す）、マルチ選択ドロップダウン値を変更できないという問題が発生します。

<select class="form-control col-md-6 col-xs-12" id="student" name="studentParentNo" multiple="multiple"> 
           </select>  
     <script> 
     $(document).ready(function(){ 
      $("#div").change(function(){ 
       var value = $(this).val(); 
       $.get("StudentSMS.jsp",{q:value},function(data){ 
        $("#student").html(data); 
        $('#student').show(); 
       $(function() { 
         $('#student').multiselect({ 
          includeSelectAllOption: true 
         }); 
        }); 

       }); 
      }); 
     }); 
    </script>  

Answer 1

こんにちはGuysは、私は私がidと罰金、その作業から特定の "DIV" をリロードする必要があり）（私のため

jqueryの.LOADをこのその作業をしてみてください

<div class="col-md-6 col-xs-12" id="test"> 
<select class="form-control col-md-6 col-xs-12" id="student" 
       name="studentParentNo" multiple="multiple"> 
    </select> 

<script> 
$("#div").change(function(){ 
    //this will load the "select" option 
    $("#test").load(location.href+ " #student"); 
     var value1 = $('#class').val(); 
     var value = $(this).val(); 

$.get("StudentSMS.jsp",{q:value,p:value1},function(data){ 
     $("#student").html(data); 
     $('#student').show(); 
        $(function() { 
         $('#student').multiselect({ 
           includeSelectAllOption: true 
      }); 
        }); 
         }); 
          }); 

</script> 
</div>