Foros del Web » Programando para Internet » Javascript » Frameworks JS »

mostrar y ocultar elementos usando un select

Estas en el tema de mostrar y ocultar elementos usando un select en el foro de Frameworks JS en Foros del Web. _hola hola!! necesito una ayudota con un select.. necesito q cada uno de estos 5 "values" muestre 1 elemento del formulario y oculte los demas. ...
  #1 (permalink)  
Antiguo 29/12/2011, 10:33
 
Fecha de Ingreso: diciembre-2011
Mensajes: 2
Antigüedad: 12 años, 10 meses
Puntos: 0
Pregunta mostrar y ocultar elementos usando un select

_hola hola!! necesito una ayudota con un select..
necesito q cada uno de estos 5 "values" muestre 1 elemento del formulario y oculte los demas.
_Trate usando <select onchange="document.getElementById(' ').style .display = (this.value == ' ') ? 'block':'none'"... peeero no entendi como usarlo muy bien

este es el formulario que estoy usando..

<select name="grado" id="selectColor">
<option value=""></option>
<optgroup label="Grados">
<option value="1er 7mo">7mo. (1er)</option>
<option value="2do 8vo">8vo. (2do)</option>
<option value="3er 9no">9no. (3er)</option>
<option value="4to 1Cs">1Cs. (4to)</option>
<option value="5to 2Cs">2Cs. (5to)</option>
</optgroup>
</select>

<?php
/* esto es del value="1er 7mo" */
echo"<tr><td><big style=' color:black;text-shadow:0px 0px 10px;'>Cantidad de alumnos en &quot;1er 7mo&quot;:</big></td></tr>";
if($a1 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>A. ".$a1." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion A. tiene ".$a1." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($b1 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>B. ".$b1." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion B. tiene ".$b1." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($c1 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>C. ".$c1." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion C. tiene ".$c1." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($d1 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>D. ".$d1." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion D. tiene ".$d1." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($e1 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>E. ".$e1." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion E. tiene ".$e1." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($f1 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>F. ".$f1." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion F. tiene ".$f1." estudiantes, esta excediendo el limite</label><big></td></tr>";}
echo"</td></tr>";
/* esto es del value="2do 8vo" */
echo"<tr><td><big style=' color:black;text-shadow:0px 0px 10px;'>Cantidad de alumnos en &quot;2do 8vo&quot;:</big></td></tr>";
if($a2 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>A. ".$a2." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion A. tiene ".$a2." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($b2 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>B. ".$b2." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion B. tiene ".$b2." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($c2 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>C. ".$c2." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion C. tiene ".$c2." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($d2 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>D. ".$d2." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion D. tiene ".$d2." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($e2 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>E. ".$e2." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion E. tiene ".$e2." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($f2 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>F. ".$f2." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion F. tiene ".$f2." estudiantes, esta excediendo el limite</label><big></td></tr>";}
echo"</td></tr>";
/* esto es del value="3er 9no" */
echo"<tr><td><big style=' color:black;text-shadow:0px 0px 10px;'>Cantidad de alumnos en &quot;3er 9no&quot;:</big></td></tr>";
if($a3 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>A. ".$a3." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion A. tiene ".$a3." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($b3 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>B. ".$b3." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion B. tiene ".$b3." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($c3 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>C. ".$c3." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion C. tiene ".$c3." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($d3 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>D. ".$d3." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion D. tiene ".$d3." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($e3 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>E. ".$e3." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion E. tiene ".$e3." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($f3 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>F. ".$f3." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion F. tiene ".$f3." estudiantes, esta excediendo el limite</label><big></td></tr>";}
echo"</td></tr>";
/* esto es del value="4to 1Cs" */
echo"<tr><td><big style=' color:black;text-shadow:0px 0px 10px;'>Cantidad de alumnos en &quot;4to 1Cs&quot;:</big></td></tr>";
if($a4 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>A. ".$a4." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion A. tiene ".$a4." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($b4 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>B. ".$b4." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion B. tiene ".$b4." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($c4 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>C. ".$c4." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion C. tiene ".$c4." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($d4 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>D. ".$d4." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion D. tiene ".$d4." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($e4 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>E. ".$e4." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion E. tiene ".$e4." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($f4 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>F. ".$f4." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion F. tiene ".$f4." estudiantes, esta excediendo el limite</label><big></td></tr>";}
echo"</td></tr>";
/* esto es del value="5to 2Cs" */
echo"<tr><td><big style=' color:black;text-shadow:0px 0px 10px;'>Cantidad de alumnos en &quot;5to 2Cs&quot;:</big></td></tr>";
if($a5 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>A. ".$a5." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion A. tiene ".$a5." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($b5 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>B. ".$b5." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion B. tiene ".$b5." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($c5 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>C. ".$c5." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion C. tiene ".$c5." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($d5 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>D. ".$d5." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion D. tiene ".$d5." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($e5 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>E. ".$e5." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion E. tiene ".$e5." estudiantes, esta excediendo el limite</label><big></td></tr>";}
if($f5 <= 30){echo"<tr><td><big><label for='' id='SiVerde'>F. ".$f5." estudiantes</label><big></td></tr>";}
else{echo"<tr><td><big><label for='' id='NoRojo'>Seccion F. tiene ".$f5." estudiantes, esta excediendo el limite</label><big></td></tr>";}
echo"</td></tr>";
?>

Etiquetas: jquery, mostrar-fomulario, ocultar-fomulario, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:12.