Foros del Web » Programando para Internet » PHP »

Selects Dependientes

Estas en el tema de Selects Dependientes en el foro de PHP en Foros del Web. Hola a todos, bueno este mensaje envio para aquellas personas que tienen el problema de los selects dependientes, o sea que el contenido de una, ...
  #1 (permalink)  
Antiguo 30/03/2006, 12:00
Avatar de Shevkorn  
Fecha de Ingreso: enero-2005
Ubicación: Trujillo
Mensajes: 34
Antigüedad: 12 años, 11 meses
Puntos: 1
Selects Dependientes

Hola a todos, bueno este mensaje envio para aquellas personas que tienen el problema de los selects dependientes, o sea que el contenido de una, se vea en otra pero por cascada, y practicando en el browser (lo hice para IE) y con un poco de paciencia logre esto.. haber si lo adaptan para cualquier browser. pero en fin, el codigo consta de dos archivos uno que llame index.php y el otro procesa.php
Bueno trate de simular el hecho de que existan niveles, grados y secciones para poder hacer esto.
Aca va el codigo fuente

index.php

Código PHP:
<?/***index.php*/?>
<iframe id="nivel" name="nivel" style="border:0px;width:0px; height:0px;" src='procesa.php?o=niv'></iframe>
<iframe id="grado" name="grado" style="border:0px;width:0px; height:0px;" src='procesa.php?o=blank&target=grado'></iframe>
<iframe id="seccion" name="seccion" style="border:0px;width:0px; height:0px;" src='procesa.php?o=blank&target=seccion'></iframe>
<form name='frm'>
<table>
    <tr>
        <td colspan='2'><font face='tahoma' size='-1' color='#DC9A52'>Selects dependientes con Iframes ocultos by Taek <a href='mailto:[email protected]' title='Dudas,correcciones o comentarios enviame un email'>Email</a></font></td>
    </tr>
    <tr>
        <td>Texto</td>
        <td><input type='text' name='texto' size='15'></td>
    </tr>
    <tr>
        <td>Nivel</td>
        <td><div id='cnivel'></div></td>
    </tr>
    <tr>
        <td>Grado</td>
        <td><div id='cgrado'></div></td>
    </tr>
    <tr>
        <td>Seccion</td>
        <td><div id='cseccion'></div></td>
    </tr>
    <tr>
        <td></td>
        <td><input type='button' value='Enviame' onclick='enviarDx();'></td>
    </tr>
</table>
</form>
<script>
function completarCombo(elemento,combo)
{
    if(combo==1&&elemento!=-1)
    {
        document.frames['grado'].location='procesa.php?o=grad&id='+elemento;
        document.frames['seccion'].location='procesa.php?o=blank';
    }
    else if(combo==2&&elemento!=-1)
    {
        document.frames['seccion'].location='procesa.php?o=sec&id='+elemento;
    }
    else
    {
        switch(combo)
        {
            case 1:
                document.frames['grado'].location='procesa.php?o=blank&target=grado';
                document.frames['seccion'].location='procesa.php?o=blank&target=seccion';
            break;
            case 2:
                document.frames['seccion'].location='procesa.php?o=blank&target=seccion';
            break;
        }
    }
}
function enviarDx()
{
    n=window.parent.document.getElementById('combo_nivel').value;
    g=window.parent.document.getElementById('combo_grado').value;
    s=window.parent.document.getElementById('combo_seccion').value;
    t=frm.texto.value;
    cadena='procesa.php?o=resultados&nivel='+n+'&grado='+g+'&seccion='+s+'&texto='+t;
    location.replace(cadena);
}
</script>
procesa.php

Código PHP:
<?php
/***procesa.php*/
    
$o=$_GET['o'];
    switch(
$o)
    {
        case 
'niv':
            
$cont="window.parent.document.getElementById('cnivel').innerHTML ='"
                 
."<select name=combo_nivel onchange=\"completarCombo(this.value,1);\">"
                 
."<option value=\"-1\">Seleccione una opcion</option>"
                 
."<option value=\"1\">lolo</option>"
                 
."<option value=\"2\">lolo</option>"
                 
."</select>';";
        break;
        case 
'grad':
            
$id=$_GET['id'];
            
//hacer la consulta sql con el codigo del nivel
            //e imprimir los valores en cada option  dejar el option -1
            
$cont="window.parent.document.getElementById('cgrado').innerHTML ='"
                 
."<select name=combo_grado onchange=\"completarCombo(this.value,2);\">"
                 
."<option value=\"-1\">Seleccione una opcion</option>"
                 
."<option value=\"1\">lolo</option>"
                 
."<option value=\"2\">lolo</option>"
                 
."<option value=\"3\">este es el id $id</option>"
                 
."</select>';";
        break;
        case 
'sec':
            
//hacer la consulta sql con el codigo del grado
            //e imprimir los valores en cada option  dejar el option -1
            
$id=$_GET['id'];
            
$cont="window.parent.document.getElementById('cseccion').innerHTML ='"
                 
."<select name=combo_seccion >"
                 
."<option value=\"-1\">Seleccione una opcion</option>"
                 
."<option value=\"1\">lololo</option>"
                 
."<option value=\"2\">lololo</option>"
                 
."<option value=\"3\">este es el id $id</option>"
                 
."</select>';";
        break;
        case 
'blank':
            
$target=$_GET['target'];
            switch(
$target)
            {
                case 
'grado':
                    
$cont="window.parent.document.getElementById('cgrado').innerHTML ='"
                          
."<select name=combo_grado>"
                         
."<option value=\"-1\">Seleccione una opcion</option>"
                           
."</select>';";
                break;
                case 
'seccion':
                    
$cont="window.parent.document.getElementById('cseccion').innerHTML ='"
                          
."<select name=combo_seccion>"
                           
."<option value=\"-1\">Seleccione una opcion</option>"
                           
."</select>';";
                break;
            }
        break;
        case 
'resultados':
            
$nivel=$_GET['nivel'];
            
$grado=$_GET['grado'];
            
$seccion=$_GET['seccion'];
            
$texto=$_GET['texto'];
            echo 
$nivel.' '.$grado.' '.$seccion.' '.$texto;
        break;
    }
?>
<script>
    function enviarDatos()
    {
        <?echo $cont?>
    }
    enviarDatos();
</script>
Listo.. allì esta, cualquier duda o comentario mandame un mail o respondeme en este foro
[email protected]
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 08:34.