удалить предыдущие ajax данные ответа перед добавлением новых данных

Question

Я пытаюсь добавить () в своем ответе в поле выбора в ajax. проблема в ответе предыдущего ответа увеличит нагрузку на мой сервер.

html

                     <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>

ajax код

    $('#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')

Первый результат выбранных полей выбора: {4: 101, 10: 871}

Второй результат выбранного поля выбора: {4: 101, 10: 871} снова {4: 101, 10: 871}

Таким образом, результат должен быть:

когда 3-й раз в сети «одиночный вызов» возвращает 3 ответа, например 1: {4: 101, 10: 871}, 2: {4: 101, 10: 871}, 3 {4: 101, 10: 871}

строка 1 строка 2 строка 2 строка 3 (новые данные) строка 3 (дублирование новых данных) строка 3 (дублирование новых данных) строка 3 (дублирование новых данных)

любая помощь, пожалуйста ???

Answer 1

Вы можете использовать javascript document.getElementByID ("id"). Inner HTML (content)