как перезагрузить Bootstrap 3 модальный в javascript

Question

У меня есть Bootstrap Modal, который подтверждает действие в базе данных с помощью ajax-вызова, я хочу перезагрузить этот модальный после успешного успеха в ajax.

HTML:

<div class="modal fade" id="modal-4"> 
    <div class="modal-dialog modal-sm"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h3 class="modal-title">Order Status</h3> 
      </div> 
      <div class="modal-body"> 
       <label class="ModalArrow">Order Number</label> 
        <select class="SelectStyle" style="width:95%;" name="OrderId" id="OrderId"> 
         <option value="">Select Order Number</option> 
          <!--populate value using php--> 
          <?php 
           $stmt ="SELECT distinct Order_ID FROM orders where Delivered=0"; 
           foreach ($conn->query($stmt) as $row) { 
          ?> 
          <option value="<?php echo $row['ID'];?>"><?php echo $row['Order_ID'];?></option> 
          <?php 
           } 
          ?> 
        </select> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-success btn-md" style="margin:0;width: 100px;" onclick="ConfirmDelivery()">Delivered</button> 
       <button type="button" class="btn btn-secondary btn-md" data-dismiss="modal" style="font-weight: bold;">Cancel</button> 
      </div> 
    </div> 
</div> 

Javascript:

function ConfirmDelivery() 
{ 
    select=document.getElementById("OrderId"); 
    OrderId=select.options[select.selectedIndex].text; 

if (OrderId == "Select Order Number") 
{ 
    sweetAlert("","Please Choose Order Number","error"); 
    return false; 
} 

$.ajax({ 
    type:"POST", 
    url:"ConfirmDelivery.php", 
    data:"OrderID="+ OrderId , 
    success: function(data) 
    { 
     if (data == "Success") 
     { 
      sweetAlert("Order Number:" + OrderId + " has been delivered!"); 
      $('#modal-4').on('hidden', function() { 
       $(this).removeData('modal'); 
      }); 
     } 
    } 
}) 
} 

Проблема в том, что поле со списком не перезагружается

Answer 1

из jQuery API

Описание: Удаление ранее сохраненного фрагмента данных.

Для изменения содержания div # modal вы можете использовать .text() или .html() методы в зависимости от ваших потребностей.