Foros del Web » Programando para Internet » Javascript »

select que cambia otro select

Estas en el tema de select que cambia otro select en el foro de Javascript en Foros del Web. Hola! Quisiera saber como puedo hacer lo siguiente: imaginad un select con diferentes opciones pues quiero que al pulsar sobre una de las opciones un ...
  #1 (permalink)  
Antiguo 25/07/2002, 09:49
Avatar de Maycol  
Fecha de Ingreso: diciembre-2001
Ubicación: Ávila (España)
Mensajes: 539
Antigüedad: 22 años, 4 meses
Puntos: 0
select que cambia otro select

Hola!
Quisiera saber como puedo hacer lo siguiente:
imaginad un select con diferentes opciones pues quiero que al pulsar sobre una de las opciones un select que esta al lado vacio se rellene con diferentes opciones segun la opción del primero, y si puede ser sin que se recargue la web.

gracias.
  #2 (permalink)  
Antiguo 01/08/2002, 21:46
Avatar de atlante  
Fecha de Ingreso: julio-2002
Ubicación: Lima
Mensajes: 140
Antigüedad: 21 años, 9 meses
Puntos: 0
Re: select que cambia otro select

Esta es la forma de hacer lo que deseas en java ya que java script se ejecuta del lado del cliente no se necesita recargar la pagina.

Código:
 

<html>
<head>
<script language="javascript1.2">
<!--
function LP_change(mode){

var num=mode;

with(abc){

switch(num){

case 0:
sel.options[0].text="opcion 1";
sel.options[1].text="opcion 2";
sel.options[2].text="opcion 3";
break;
case 1:
sel.options[0].text="opcion 4";
sel.options[1].text="opcion 5";
sel.options[2].text="opcion 6";
break;
case 2:
sel.options[0].text="opcion 7";
sel.options[1].text="opcion 8";
sel.options[2].text="opcion 9";
break;
case 3:
sel.options[0].text="opcion 10";
sel.options[1].text="opcion 11";
sel.options[2].text="opcion 12";
break;
}}
}
-->
</script>
</head>
<body>
<form name="abc">
<select name="alter" onChange="LP_change(this.options.selectedIndex)">
<option>opcion 1
<option>opcion 2
<option>opcion 3
<option>opcion 4
</select><br>
<select name="sel">
<option>opcion 1
<option>opcion 2
<option>opcion 3
</select>
</form>
</body><html>
:cantar:
Para poder personalizar el codigo debes cambiar las opciones por lastuyas pero sin cambiar el nombre del select.
las opciones que se crean estan numeradas de 1 a 12 .
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 22:51.