Сбрасывает выбранный элемент по умолчанию в запросе-Выбранный список, когда отображается форма всплывающего окна начальной загрузки

Question

Как сбросить выбранный элемент в раскрывающемся списке в модальной всплывающей форме?

EDIT: Я также использую https://github.com/harvesthq/chosen

управлять списками

Это не работает:

<div class="col-lg-9"> 
    <select class="form-control input-sm" id="branch1"> 
     <option value="2185529A">Complaint</option> 
     <option value="2385529A">Request</option> 
     <option value="2585529A">Enquiry</option> 
    </select> 
</div> 

<!-- scripts --> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/bootstrap-modal.js"></script> 
<script src="js/bootstrap-modalmanager.js"></script> 

$('#frmCase').on('show', function() { 
    $.clearFormFields(this) 
    $('#branch1').get(0).selectedIndex = 1; 
    $('#branch2').get(0).selectedIndex = 1; 
}); 

Answer 1

Используйте событие shown.bs.modal обработчик:

$('#yourModalIdOrSelector').on('shown.bs.modal', function (e) { 
    // 1 - select second option, set to 0 for first option 
    $('#branch1').get(0).selectedIndex = 1; 
    $('#branch2').get(0).selectedIndex = 1; 
}); 

Это событие запускается, когда модальная информация становится видимой для пользователя. в противном случае используйте show.bs.modal. Скомпонуйте его своим кодом.

Answer 2

В конце концов я нашел решение благодаря @ norlihazmey-Газали комментарии на Выбранная

 $('#frmCase').on('shown', function (e) { 
      $.clearFormFields(this) 
      $('#branch1').get(0).selectedIndex = 0; 
      $('#branch2').get(0).selectedIndex = 0; 

      $('#branch1').trigger('chosen:updated'); 
      $('#branch2').trigger('chosen:updated'); 
     });