Validación de combo con JavaScript

[pabloe9k]

Iniciado por Reedyseth

Que tal compañero, primero que nada el evento no se dispara por que en vez de onblur tienes que usar onchange, y tambien tienes que hacer unas correcciones en el manejo del atributo disabled, mira asi es como tiene que quedar:

Código Javascript:

function validarRecepcionado() {
                variable1 = document.getElementById("recepcionado_por");
                if (variable1.value != "-1") {
                    document.getElementById("enviar_datos").removeAttribute("disabled");
                }
                else if (variable1.value == "-1") {
                    console.info("nada");
                    document.getElementById("enviar_datos").setAttribute("disabled","disabled");
                }
            }
 

Y tu HTML asi:

Código HTML:

<form method="POST" action="#" method="post">
 
            <select name="recepcionado_por" id="recepcionado_por" onchange="validarRecepcionado()">
                <option value="-1">Seleccione una Fruta</option>
                <option value="Manzana">Manzana</option>
                <option value="Mandarina">Mandarina</option>
            </select>
 
            <input type="submit" value="Guardar" id="enviar_datos" disabled="disabled" />
 
        </form>
 

Prueba y me comentas,

saludos

Excelente!.
El único detalle es que cuando vuelves a seleccionar en el combo el valor "-1", el botón no se deshabilita, pero supongo que puedo vivir con eso, jeje.

Muchas gracias, Reedyseth!!