Modal:
<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>Pasos:
¿Cómo restablecer la opción seleccionada o convertirla en predeterminada nuevamente después de cerrar y luego volver a abrir el modal en JS?
Traté de agregar $("#status").val(''); o $("#estado").val('0'); y también traté de agregar selected="" en el html y todavía nada
Restablecer el valor de la opción de selección en el evento oculto modal Bootstrap
$("#group_form").on("hidden.bs.modal", function () { //reset values here. eg $(document).find("#status").val('0') //or $("#status").val('0'); });Utilice este método para seleccionar:
$(document).find("#status").val('0')// Regular Javascript : document.getElementById('status').selectedIndex = 0 // jquery : $('#status').prop('selectedIndex', 0);