如何重置或設置為默認選擇<option>在<select>關閉模態后

Question

模態：

<div class="modal fade" id="group_form" data-backdrop="static" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
         <div class="modal-content">
              <div class="modal-body">
                 <select id="status" class="form-control">
                     <option value="1">Active</option>
                     <option value="0" >Disabled</option>
                     <option value="2" >Custom</option>
                 </select>
              </div>
              <div class="modal-footer">
                   <button type="button" class="btn btn-primary save_button add_group"><i class="fas fa-save" aria-hidden="true"></i><span id="save_button_span"> Add</span></button>
                   <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fas fa-window-close" aria-hidden="true"></i> Cancel</button>
              </div>
         </div>
    </div>
</div>

腳步：

1. 單擊模態后選擇“自定義”
2. 關閉模態
3. 重新打開模態
4. 仍然選擇“自定義”而不是第一個“活動”

如何在我關閉然后再次重新打開 JS 中的模式后重置所選選項或使其再次默認？

我試圖添加 $("#status").val(''); 或 $("#status").val('0'); 我還嘗試在 html 上添加 selected="" 但仍然沒有

Answer 1

使用此方法選擇：

$(document).find("#status").val('0')

Answer 2

在 Bootstrap 模式隱藏事件上重置選擇選項的值

$("#group_form").on("hidden.bs.modal", function () {
   //reset values here. eg
   $(document).find("#status").val('0')
   //or
   $("#status").val('0');
});

Answer 3

#Javascript : 

document.getElementById('status').selectedIndex = 0

#jquery : 

$('#status').prop('selectedIndex', 0);