Validar que se seleccione al menos un option

kimmy · #1 (**permalink**) 14/12/2009, 12:04

Hola amigos. Tengo 10 option select con distintos nombres en la primera fila y 10 en la segunda. Necesito validar que antes de pasar a la segunda linea, el usuario halla seleccionado por lo menos una opcion de uno de los option.

Como puedo hacer esto?

Gracias

quimfv · #2 (**permalink**) 15/12/2009, 04:03

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function valida(){
var seleccionado=false;
    for (i=0;i<4;i++){
        if (document.getElementById("opl10"+i).checked==true){
            seleccionado=true;
        }
    }
    if (seleccionado){
        document.getElementById("segundalinea").style.display="block";
    }else{
        document.getElementById("segundalinea").style.display="none";
        for (i=0;i<4;i++){
            document.getElementById("opl20"+i).checked=false;
        }
    }
}
</script>
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><input name="opl100" type="checkbox" id="opl100" value="" onChange="valida()"></td>
    <td><input name="opl101" type="checkbox" id="opl101" value="" onChange="valida()"></td>
    <td><input name="opl102" type="checkbox" id="opl102" value="" onChange="valida()"></td>
    <td><input name="opl103" type="checkbox" id="opl103" value="" onChange="valida()"></td>
  </tr>
</table>
<span id="segundalinea" style="display:none">
<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><input name="opl200" type="checkbox" id="opl200" value=""></td>
    <td><input name="opl201" type="checkbox" id="opl201" value=""></td>
    <td><input name="opl202" type="checkbox" id="opl202" value=""></td>
    <td><input name="opl203" type="checkbox" id="opl203" value=""></td>
  </tr>
</table>
</span>
</body>
</html>

Una opción... hay muchas mas....

Quim

kimmy · #3 (**permalink**) 15/12/2009, 08:15

gracias quimfv, voy a probarlo.