Comunidad de diseño web y desarrollo en internet online

Ocultar un Select al seleccionar una opcion con JQuery

Citar            
MensajeEscrito el 07 Oct 2012 05:01 pm
Buenas, estoy haciendo un formulario con varios selects la idea es que al seleccionar una opcion se muestre otro select, estube intentando pero no logro conseguir que deje de estar visible, la idea es que al seleccionar la opcion 2 de "intTipo" aparezca el tr con el otro select "edades", una cosa que tambien quiero aclarar es que las opciones tienen el valor asigando por 'idEdad', que es un identificador autoincremental de tipo entero que va del 1 en adelante por lo que el valor tendria que ser [2]:

Código :

<tr valign="baseline">
          <td nowrap align="right">Tipo:</td>
          <td><div class="divtipo"><select name="intTipo" id="intTipo">
            <?php
do {  
?>
              <option value="<?php echo $row_consultatipos['idTipo']?>"><?php echo $row_consultatipos['strDescripcion']?></option>
              <?php
} while ($row_consultatipos = mysql_fetch_assoc($consultatipos));
  $rows = mysql_num_rows($consultatipos);
  if($rows > 0) {
      mysql_data_seek($consultatipos, 0);
     $row_consultatipos = mysql_fetch_assoc($consultatipos);
  }
?>
          </select></div></td>
        </tr>
          <tr valign="baseline" id="edades">
          <td nowrap align="right">Edad:</td>
          <td><select name="intEdad" id="intEdad">
            <?php
do {  
?>
              <option value="<?php echo $row_consultaedad['idEdad']?>"><?php echo $row_consultaedad['strDescripcionEdad']?></option>
              <?php
} while ($row_consultaedad = mysql_fetch_assoc($consultaedad));
  $rows = mysql_num_rows($consultaedad);
  if($rows > 0) {
      mysql_data_seek($consultaedad, 0);
     $row_consultaedad = mysql_fetch_assoc($consultaedad);
  }
?>
          </select></td>
        </tr>

y este es el codigo jquery:

Código Javascript :

$(document).ready(function(){
    if ('.divtipo option[value="2"]'){
          $("#edades").css({
            display:inline
            })} else{
         $("#edades").css({
            display:none
            })}
});


desde ya muchas gracias por haberme ayudado antes, espero que se entienda bien la consulta
Saludos!

Por Mvkbeguelin

18 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Oct 2012 06:49 pm
aver si entiendo, lo que queres hacer es que segun el select que se elija, se despliegue uno u otro select, por ej, si tengo un select con opcion aviones y otro con autos, queres que al seleccionar aviones salga un select con diferentes tipos de aviones y que si selecciono autos, el de aviones desaparezca y aparezca el de modelos de autos? si es asi
una sola palabra, AJAX, si te dedicas a la programacion web ademas, no te vendria nada mal aprenderlo, o si ya sabes algo, ponerlo a prueba :D
saludos.

Por skaterseba

Claber

170 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Oct 2012 10:09 pm
estuve viendo ajax como me dijiste, esta muy bueno, te oculta enlaces y debe ser mucho mas seguro pero por ahora prefiero no complicarme tanto :roll: , ya que recien empiezo a hacer paginas web, ah y otra cosa tambien se puede hacer sin ajax, me fije y de esta forma se puede tambien:

Código Javascript :

$(document).ready(function(){
        $("#intTipo").change(function(){
            if($(this).val()=="2"){
                var dato=$(this).val();
                $("#edades").show();
                
            }else{
                $("#edades").hide();
            }
        });
});

Un Saludo :wink:

Por Mvkbeguelin

18 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.