Sin poder modificar el HTML, solamente con Javascript realizar la siguiente operación:
Tengo un SELECT con cuatro posibilidades:
<select name="tipo" id="tipo">
<option selected value="none">Elige uno...</option>
<option value="rock">Rock</option>
<option value="pop">Pop</option>
<option value="punk">Punk</option>
<option value="indie">Indie</option>
</select>
A la hora de enviar un formulario, NO me tiene que permitir enviarlo si elijo la primera opción, por defecto, cuyo texto es: "Elige uno...". ¿Cómo podría controlarse eso?
Código:
//Función que comprueba que no se elige la opción por defecto "Elige uno...".
function comprobarTipo(){
if (!document.getElementById("tipo").value=="none"){ //Para comparar con el texto sería: .text="Elige uno..."
var tipo = document.getElementById('tipo').value;
return true;
}else{
document.getElementById("errores").innerHTML="El campo TIPO debe elegir una opción.";
document.getElementById("tipo").focus();
return false;
}
}
Elija la opción que elija me muestra "El campo TIPO debe elegir una opción." en todas las opciones. ¿A qué se debe?
comprobarTipo