02/05/2009, 18:07
|
| | Fecha de Ingreso: mayo-2009
Mensajes: 2
Antigüedad: 15 años, 8 meses Puntos: 0 | |
Respuesta: Ayuda - Obtener valor de un select dinamico Bueno puedes hacer un menú de 3 select dinámico
Código:
<FORM name="Menu">
<select name="Turno" size="1" onChange="redireccion(this.options.selectedIndex)">
<option selected>Selecciona un turno</option>
<option value="0">Matutino</option>
<option value="0">Vespertino</option>
</select>
<select name="Grado" size="1" onChange="redireccion1(this.options.selectedIndex)">
<option value="0" selected>Selecciona Turno</option>
<option value="0" selected>Selecciona Turno</option>
<option value="0" selected>Selecciona Turno</option>
</select>
<select name="Grupo" size="1" >
<option value="0" selected>Selecciona Turno</option>
<option value="0" selected>Selecciona Turno</option>
<option value="0" selected>Selecciona Turno</option>
</select>
<script>
<!--
var groups=document.Menu.Turno.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("Selecciona turno","0");
group[1][0]=new Option("Selecciona Grado","0");
group[1][1]=new Option("Primero","0");
group[1][2]=new Option("Segundo","0");
group[1][3]=new Option("Tercero","0");
group[2][0]=new Option("Selecciona Grado","0");
group[2][1]=new Option("Primero","0");
group[2][2]=new Option("Segundo","0");
var temp=document.Menu.Grado
function redireccion(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
redirect1(0)
}
var secondGroups=document.Menu.Grupo.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++) {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++) {
secondGroup[i][j]=new Array() }}
secondGroup[1][1][0]=new Option("Selecciona Grupo","0");
secondGroup[1][1][1]=new Option("Uno","1IM1");
secondGroup[1][1][2]=new Option("Dos","2IM1");
secondGroup[1][1][3]=new Option("Tres","3IM1");
secondGroup[1][2][0]=new Option("Selecciona Grupo","0");
secondGroup[1][2][1]=new Option("Uno","1IM2");
secondGroup[1][2][2]=new Option("Dos","2IM2");
secondGroup[1][2][3]=new Option("Tres","3IM2");
secondGroup[1][3][0]=new Option("Selecciona Grupo","0");
secondGroup[1][3][1]=new Option("Uno","1IM3");
secondGroup[1][3][2]=new Option("Dos","2IM3");
secondGroup[2][1][0]=new Option("Selecciona Grupo","0");
secondGroup[2][1][1]=new Option("Uno","1IV1");
secondGroup[2][1][2]=new Option("Dos","2IV1");
secondGroup[2][1][3]=new Option("Tres","3IV1");
secondGroup[2][2][0]=new Option("Selecciona Grupo","0");
secondGroup[2][2][1]=new Option("Uno","1IV1");
secondGroup[2][2][2]=new Option("Dos","1IV2");
var temp1=document.Menu.Grupo
function redireccion1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup[document.Menu.Turno.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.Menu.Turno.options.selectedIndex][y][i].text,secondGroup[document.Menu.Turno.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}
//-->
</script>
</Form>
en donde en Option("" , "" ) el primer argumento es el texto y en el segundo el valor del select
así puedes hasta validar cuando no hayan seleccionado nada (value=0)
espero te sirva |