Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Menu select en html

Estas en el tema de Menu select en html en el foro de HTML en Foros del Web. Lo que pasa es que con un menu/lista en HTML quiero hacer una lista de 5 paises,ahora lo que quiero hacer es que al presionar ...
  #1 (permalink)  
Antiguo 02/07/2015, 21:28
 
Fecha de Ingreso: junio-2015
Ubicación: JapoLand
Mensajes: 4
Antigüedad: 8 años, 9 meses
Puntos: 0
Pregunta Menu select en html

Lo que pasa es que con un menu/lista en HTML quiero hacer una lista de 5 paises,ahora lo que quiero hacer es que al presionar algun pais, abajo aparesca otro menu con los Estados de acuerdo a ese pais, y asi con cada pais tenga sus respectivos menus con sus estados, pero no que todos aparescan al mismo tiempo, que solo aparesca el correspondiente al pais seleccionado.

NO SE SI SE PUEDA CON PURO HTML O TAMBIEN PHP



<select name="select">
<option value="value1">MEXICO</option>
<option value="value2" selected>ECUADOR</option>
<option value="value3">ARGENTINA</option>
</select>

Y YA CON ESTE MENU AL PRESIONAR MEXICO ME APARESCA OTRO MENU CON LOS ESTADOS DE MEXICO
<select name="select">
<option value="value1">MICHOACAN</option>
<option value="value2" selected>OAXACA</option>
<option value="value3">GUANAJUATO</option>
</select>


Y ASI UN MENU PARA CADA PAIS CON SUS RESPECTIVOS ESTADOS.

GRACIAS
  #2 (permalink)  
Antiguo 02/07/2015, 22:59
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 9 años, 3 meses
Puntos: 208
Respuesta: Menu select en html

Lo podes hacer con Jquery...

Código HTML:
Ver original
  1. <select name="select" id="principal">
  2.    <option value=" " selected>---</option>
  3.    <option value="mex">MEXICO</option>
  4.    <option value="arg">ARGENTINA</option>
  5.  
  6. <select name="select" id="mexico">
  7.    <option value="value1">MICHOACAN</option>
  8.    <option value="value2" selected>OAXACA</option>
  9.    <option value="value3">GUANAJUATO</option>
  10.  
  11. <select name="select" id="argentina">
  12.    <option value="value1">MENDOZA</option>
  13.    <option value="value2" selected>CORDOBA</option>
  14.    <option value="value3">SALTA</option>

Código CSS:
Ver original
  1. #mexico,
  2. #argentina{
  3.     display:none;
  4. }

Código Javascript:
Ver original
  1. $("#principal").change(function(){
  2.     var valor = $("#principal option:selected").val();
  3.         if(valor == "arg"){
  4.             $("#argentina").fadeIn();
  5.             $("#mexico").hide();
  6.         }
  7.         else if(valor == "mex"){
  8.             $("#argentina").hide();
  9.             $("#mexico").fadeIn();
  10.         };
  11. });

http://codepen.io/fede5426/pen/RPQebQ

Saludos
  #3 (permalink)  
Antiguo 02/07/2015, 23:03
 
Fecha de Ingreso: junio-2015
Ubicación: JapoLand
Mensajes: 4
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: Menu select en html

MUCHAS GRACIAS

Etiquetas: css, diseño, option, php, 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 02:12.