JavaScript - menu desplegable que muestre infomacion especifica

 
Vista:

menu desplegable que muestre infomacion especifica

Publicado por Ricardo (4 intervenciones) el 03/03/2013 00:58:50
Hola estoy intentando hacer un formulario de pedidos on line y quiero que cuando el usuario llegue a la opcion de seleccionar la localidad haya un desplegable de 4 opciones y segun la opcion que seleccione en el segundo desplegable se muestren solo algunas opciones especificas.
Pongo un ejemplo a continuación, yo quiero que cuando el usuario seleccione CABA en el segundo desplegable solo se vea CABA1, CABA2 y CABA3 y asi con cada uno.
Desde ya gracias por el apoyo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body>
<form name="form1" method="post" action="">
  <p>
    <select name="select">
      <option>Seleccionar</option>
      <option>CABA</option>
      <option>GBA Norte</option>
      <option>GBA Sur</option>
      <option>GBA Oeste</option>
    </select>
</p>
  <p><select name="barrio" id="barrio" class="required" tabindex="21">
                      <option value="elegir"> Seleccionar tu Barrio</option>
                     <option val="CABA1">CABA</option>
		<option val="CABA2">CABA</option>
		<option val="CABA3">CABA</option>
		<option val="GBA NORTE1">GBA NORTE</option>
		<option val="GBA NORTE2">GBA NORTE</option>
		<option val="GBA NORTE3">GBA NORTE</option>
		 <option val="GBA SUR1">GBA SUR</option><br>
		 <option val="GBA SUR2">GBA SUR</option>
		 <option val="GBA SUR3">GBA SUR</option>
		 <option val="GBA OESTE1">GBA OESTE</option>
		<option val="GBA OESTE2">GBA OESTE</option>
		 <option val="GBA OESTE3">GBA OESTE</option>
            </select>&nbsp;  </p>
</form>
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

menu desplegable que muestre infomacion especifica

Publicado por xve (2100 intervenciones) el 03/03/2013 10:15:13
Hola Ricardo, la mejor manera para ello, es que recargues el contenido del segundo select según la selección del primer select.
A mi modo de ver, esto puedes hacerlo de dos maneras:

1.- una con javascript únicamente, y teniendo un array por cada tipo de valor que pueda seleccionar en el primer select, y al seleccionar una opción cargas el segundo select con sus valores.

2.- la segunda opción, es utilizar ajax... si esta información la tienes en base de datos, puedes hacer una peticion al servidor cada vez que se modifique el primer select y cargar el contenido del segundo select.

Aquí tienes un simple ejemplo de la utilización de selects dinámicos con jquery. http://www.lawebdelprogramador.com/codigo/JQuery/2190-Sencillo_ejemplo_de_selects_dinamicos.html

Coméntanos, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

menu desplegable que muestre infomacion especifica

Publicado por Ricardo (4 intervenciones) el 04/03/2013 14:48:49
Hola XVE Gracias por tu respuesta, ante todo te comento que no soy programador y que tal vez haga alguna pergunta tonta.
Estuve mmirando el ejemplo que me anexaste y veo que si elijo un valor del select 1 me pone un avalor especifico en el select 2, pero lo que yo necesito es que si elijo un valor en el select 1 me muestre de los 15 valores que voy a tener cargado en el el selct 2 solo 5 valores me explico ?
es viable ?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

menu desplegable que muestre infomacion especifica

Publicado por xve (2100 intervenciones) el 04/03/2013 21:38:47
Lo que hace el ejemplo, es lo que tu quieres hacer, que aparezcan una u otras opciones dependiendo de lo seleccionado en el primer select, no?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

menu desplegable que muestre infomacion especifica

Publicado por ricardo (4 intervenciones) el 05/03/2013 13:49:30
Si, pero en el select 2 solo me uestra una opcion como hago para que en el select dos me deje enlistada las 3 posibilidades quele corresponden al select 1 ?

Cuando yo elija CABA en el select 1 deben quedarme en el selct2 CABA1, CABA2 Y CABA3 para poder elejir una deeesas tres opciones.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar