Tengo un select
deshabilitado y quiero que sí se intenta de clickear o pasar por encima de él, muestre un mensaje para avisar la razón por la cual está deshabilitado, pero al parecer lo eventos no funcionan con elementos deshabilitados, entonces no sé sí haya una forma de hacer lo que digo, el método ya lo tengo, solo es hacerlo funcionar con un evento.
Dejo el HTML
y el método en JavaScript
HTML
del select
<div class="form-group row ml-1 justify-content-center">
<label for="empleado" class="col-form-label">Empleado:</label>
<div class='col-sm-4 mr-3'>
<select type="text" class="custom-select" onmouseover="empleadoIsEmpty()" id="empleado" name="empleado" disabled="disabled">
<option value="0">Seleccionar empleado</option>
<?php
for ($i=0; $i < count($empleados); $i++) {
echo "<option value='{$empleados[$i]['id_empleado']}'>{$empleados[$i]['nombres']} {$empleados[$i]['apellidos']}</option>";
}
?>
</select>
</div>
JS
function empleadoIsEmpty(){
empleado = document.forms["formRegistro"]["empleado"];
if(empleado.disabled){
msg = "<ul>";
msg += "<li> Debes seleccionar fecha y sede para habilitar los empleados </li>"
msg += "</ul>";
document.getElementById("errores").innerHTML = msg;
}else{
console.log("no entré");
}
}
Gracias por anticipado.