2010-11-26 9 views
9

Estoy intentando crear una lista desplegable personalizada que muestre/oculte un segundo conjunto de menús desplegables según su selección.Mostrar/Ocultar <select> menú desplegable, con jQuery, basado en el valor

Me preguntaba si alguien aquí podría ayudar con una solución a esto.

Puede ver mi código en http://jsfiddle.net/prodac/stAAm/

+5

+1 por tomarse el tiempo para poner su código de arriba en jsFiddle, en lugar de pegar aquí. – RPM1984

+0

Daría +2 por hacer ambas cosas. Publicando en jsfiddle y aquí. Porque, ¿qué pasa si jsfiddle se mierde a sí mismo un día y el enlace ya no funciona? –

Respuesta

6

utilizar el jQuery :selected un poco de documentación está aquí http://api.jquery.com/selected-selector/

que funciona en una opción de menú de selección de

Estoy actualizando su Jfiddle ahora si me puede dar un poco más de información sobre lo que quiere hacer.


Editar

Aquí es un jfiddle actualizado con su respuesta. http://jsfiddle.net/stAAm/7/

y una copia del código de desbordamiento de pila

$('#source').change(function() { 
     if ($('#source option:selected').text() == "France"){ 
      $('.cities').hide(); 
      $('#source2a').show(); 
     } else if ($('#source option:selected').text() == "Germany"){ 
      $('.cities').hide(); 
      $('#source2b').show(); 
     } else if ($('#source option:selected').text() == "India"){ 
      $('.cities').hide(); 
      $('#source2c').show(); 
     } else { 
      $('.cities').hide(); 
     } }); 
+0

@zobgib: Como puede ver en el código, el control hacia abajo está obligado a SELECCIONAR el elemento en la página que no está oculto intencionalmente. Esto está destinado a estar oculto en el código final. El menú desplegable del país (por ejemplo, Brasil, Francia, India) es el único que se debe mostrar cuando se ingresa por primera vez en una página. Luego, cuando se realice una selección en este menú desplegable (por ejemplo, uno de los países), se mostrará el menú desplegable con las ciudades del país seleccionado. – iamchriswick

+0

@zobgib: Genial, es justo lo que estaba buscando: D ¡Gracias! Ahora me gustaría que esto funcione con la lista desplegable personalizada. ¿Es posible hacer eso? – iamchriswick

+0

Me parece que la lista desplegable personalizada funciona bien o ¿quieres cuando haces clic en el clásico