Hola a todos! :)
Tengo un problema con el switch-id. Tengo 5 opciones en un input de tipo "radio", y quiero que en el formulario, dependiendo de si se escogen las 2 primeras opciones, o las 3 últimas, se muestra un selector.
He seguido un tutorial web, y he probado con la misma versión que el tutorial, pero no funciona...
Alguien podría echarme una mano?
He marcado en rojo los campos que teóricamente ejercen esta funcionalidad, espero facilitar así la lectura.
Código:
<form name="formulario" method="post" onsubmit="return verifica();" action="resultadosInscripciones.php" enctype="multipart/form-data">
<table style="width:1024">
<td style="width:auto; height:50px;border: black 0px solid;"><center><font size='6'; font color='white'><br><b>A</b></center><br><center><input style="margin-top:-20px;" class="switch-categoria" size="40" type="radio" name="Categoria" value="A" ></center><br></font></td>
<td style="width:auto; height:50px;border: black 0px solid;"><center><font size='6'; font color='white'><br><b>C</b></center><br><center><input style="margin-top:-20px;" class="switch-categoria" size="40" type="radio" name="Categoria" value="C" ></center><br></font></td>
<td style="width:auto; height:50px;border: black 0px solid;"><center><font size='6'; font color='white'><br><b>J</b></center><br><center><input style="margin-top:-20px;" class="switch-categoria1" size="40" type="radio" name="Categoria" value="J" ></center><br></font></td>
<td style="width:auto; height:50px;border: black 0px solid;"><center><font size='6'; font color='white'><br><b>S</b></center><br><center><input style="margin-top:-20px;" class="switch-categoria1" size="40" type="radio" name="Categoria" value="S" ></center><br></font></td>
<td style="width:auto; height:50px;border: black 0px solid;"><center><font size='6'; font color='white'><br><b>K</b></center><br><center><input style="margin-top:-20px;" class="switch-categoria1" size="40" type="radio" name="Categoria" value="K" ></center><br></font></td>
</table>
<table style="width:auto; height:auto; border: black 0px solid;">
<tr><br><b>Opciones</b><br></tr>
<div class="onstate-categoria">
<tr><b><br>Opcion</b>: <select name="opcion">
<option value="seguro">seguro</option>
<option value="no">no</option>
<option value="quizas">quizas</option>
</select>
</div>
<div class="onstate-categoria1">
<tr><b><br>Opciona</b>: <select name="opciona">
<option value="si">si</option>
<option value="no">no</option>
<option value="n.d">n.d</option>
</select>
</div>
</tr>
</table>
<input style="margin-left:15px; margin-top:-10px" size="80px;" type="submit" value="Enviar"></input style="margin-left:15px;">
</form>
En el Head he definido el display tal y como indicaba el tutorial.
Código:
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<script>
tinymce.init({selector:'textarea'});
</script>
<style type="text/css">
.onstate-categoria { display: block; }
.offstate-categoria { display: none; }
.onstate-categoria1 { display: block; }
.offstate-categoria1 { display: none; }
</style>
</head>
Muchas gracias a todos!
Un saludo. :D