Javascript 在添加新数据之前删除以前的ajax响应数据

我试图在ajax中选择字段的响应中附加（）。问题是前一个响应增加了我的服务器负载

html

选择组织：
房间类型：
会议类型：
数量：

ajax代码

$（'#组织'）。更改（函数（）{
var orgID=$（this.val（）；
var roomType=$（“#type”）.val（）；
如果（原）{
$.ajax({
键入：“获取”，
url:“{route（'local.org.filter'）}}organization=“+orgID，
数据类型：'json'，
数据：表格数据，
成功：功能（res）{
如果（房间类型==“房间”）{
//$（'conferenceTypeDiv'）.attr（'readonly'，'readonly'）；
$（'#roomTypeDiv'）.show（）；
如果（res）{
$（“#房间类型”）.empty（）；
$（“#房间类型”）.append（'Select'）；
$.each（res、函数（键、值）{
$（“#房间类型”）。附加（“”+值+“”）；
});
}否则{
$（“#房间类型”）.empty（）；
$（“#数量”）.empty（）；
}
}//如果roomTypeDiv结束
})；//美元的结尾（“#组织”）

所选选择字段的第一个结果：{4:101，10:871}

所选选择字段的第二个结果：{4:101，10:871}再次{4:101，10:871}

因此，结果应该是：

当第三次在网络上运行时，“单次调用”返回3个响应，如1:{4:101，10:871}，2:{4:101，10:871}，3{4:101，10:871}

字符串1 字符串2 字符串2 字符串3（新数据） 字符串3（新数据复制） 字符串3（新数据复制） 字符串3（新数据复制）

有什么帮助吗？

您可以使用javascript document.getElementByID（“id”）.innerHTML（内容）

                     <div class="col-xs-6 col-sm-6 col-md-12">
                          <div class="form-group" id="organizationDiv">
                              <label for="title">Select Organization:</label>
                                <select name="organization_id" id="organization" class="form-control" >
                              </select>
                          </div>
                     </div>

                    <div class="col-xs-6 col-sm-6 col-md-12">
                          <div class="form-group" id="roomTypeDiv">
                              <label for="title">Room Type:</label>
                                <select name="room_id" id="room_type" class="form-control" >
                              </select>
                          </div>

                         <div class="form-group" id="conferenceTypeDiv">
                               <label for="title">Conference Type:</label>
                                 <select name="conference_id" id="conference_type" class="form-control" >
                                </select>
                          </div>

                  </div>

               <div class="form-group col-md-4">

                      <div class="form-group" >
                           <label for="title">Quantity:</label>

                             <select name="quantity[]" id="quantity" class="form-control" multiple >
                            </select>
                      </div>

                  </div>

    $('#organization').change(function(){
        var orgID = $(this).val(); 
        var roomType=$("#type").val();   
        if(orgID){
            $.ajax({
              type:"GET",
              url: "{{route('local.org.filter')}}?organization="+orgID,
              dataType:'json',
              data:form_data,
               success:function(res){ 
               if(roomType==="Room"){
                // $('#conferenceTypeDiv').attr('readonly','readonly');
                $('#roomTypeDiv').show();
                if(res){
                    $("#room_type").empty();
                    $("#room_type").append('<option>Select</option>');
                    $.each(res,function(key,value){
                        $("#room_type").append('<option value="'+key+'">'+value+'</option>');
                    });

                }else{
                   $("#room_type").empty();
                   $("#quantity").empty();
                }
            }//end if roomTypeDiv



       });// end of $('#organization')