Tengo este formulario y quiero que me muestre un mensaje de confirmacion solo al seleccionar "ANULADO" antes de enviar el form:
<form action="<?=URL?>comprobantes/actualizar_estados" method='post' id="frmEstado2">
<div class='modal-content'>
<div class='modal-header'>
<button type='button' class='close' data-dismiss='modal' aria-hidden='true'>×</button>
<h4 class='modal-title' id='myModalLabel'><?=isset($this->title)? $this->title:''?></h4>
</div>
<div class='modal-body'>
<div class="row">
<div class="col-xs-12">
<input type="hidden" name="codigo" value="<?=isset($this->codigo)? $this->codigo:''?>">
<label for="">Estado</label>
<select name="estado" class="form-control" required>
<option value="">Seleccione</option>
<option value="CERRADO">CERRADO</option>
<option value="MODIFICADO">MODIFICADO</option>
<option value="ANULADO">ANULADO</option>
</select>
</div>
</div>
</div>
<div class='modal-footer'>
<button type='button' class="btn btn-danger btn-flat" data-dismiss='modal'>
<i class="glyphicon glyphicon-remove-sign"></i> Cerrar
</button>
<button type="submit" name="btnGuardar" class="btn-flat btn btn-primary" id="aas">
<i class="glyphicon glyphicon-floppy-save"></i> Guardar
</button>
</div>
</div>
</form>
<div id="capa">
<div>
<div class="title">Confirma el envio del formulario</div>
<div class="text">esta seguro de cambiar el estado?</div>
<div class="buttons">
<input type="button" class="button" value="Enviar" id="ok">
<input type="button" class="button" value="Cancelar" id="ko">
</div>
</div>
</div>
<script>
document.getElementById("frmEstado2").addEventListener("submit", submit);
document.getElementById("ok").addEventListener("click", enviar);
document.getElementById("ko").addEventListener("click", cancelar);
function submit(e) {
e.preventDefault();
document.getElementById("capa").style.display="block";
}
}
function enviar(e) {
document.getElementById("capa").style.display="none";
document.forms["frmEstado2"].submit();
}
function cancelar(e) {
document.getElementById("capa").style.display="none";
}
</script>