llenar combobox con javascript??

José Miguel Vidal Lavin jmvidal en sertotal.cl
Vie Dic 16 10:20:52 CLST 2005


Cristina Fuentealba wrote:

>holaaaaaaaa
>queria saber como puedo llenar un combobox2 segun el dato que
>seleccione en el combobox1, esto se hace por medio de un script creo o
>por lo menos eso he visto como menus de salto pero no me funcion ya
>que los datos los selecciono de un base de datos.
>Como lo puedo hacer???????
>gracias
>
>--
>Atentamente
>Cristina Fuentealba Pimentel
>Tecnico Universitario en Programacion de Computadores
>Universidad Tecnica Federico Santa Maria
>
>
>  
>
es solo crear el llenado desde php:

<?php

    print( "<table border='0' width='100%'>" );
    print( "<FORM method='POST' name='gestion' action='graba_gestion.php' >
                 <input type='hidden' name='cod_client' value='$cod_client'>
            <center>

            </td></tr>
            <tr height='90%'><td valing='center'>
            <center>

            <TABLE border='1' width='90%'>
            <th bgcolor='$tabla_titulo_color'>Información</th>
            <tr><TD bgcolor='$tabla_linea_color1'>

    <center>
    <TABLE border='0'>
   
       <tr><TD align='right'><font color='$tabla_titulo_letra_color' 
face='$tabla_titulo_letra' size='$tabla_titulo_letra_size'>Estado :</TD><td>
        <SELECT name='estado' onChange = 'select_subestado();'>" );
                        $sql = "SELECT * FROM estados ORDER BY 
codigo_estado";
                      $result = mysql_db_query( $mysql_db, $sql ) or die 
("Error : " .  mysql_error()) ;

                         print( "<option value='0' Selected>Seleccione 
Estado</option>" );
                        while ($row = mysql_fetch_array($result))
                        {
                                    print( "<option 
value='$row[1]'>$row[2]</option>" );
                        }
                                   
      print( "</SELECT>
       
        </td></tr>

        <tr><TD align='right'><font color='$tabla_titulo_letra_color' 
face='$tabla_titulo_letra' size='$tabla_titulo_letra_size'>Sub-Estado 
:</TD><td>
        <SELECT name='subestado'>" );

        print( "<option value='0' Selected>Seleccione 
Sub-Estado</option>" );
      print( "</SELECT>
                </td></tr>
       
       <tr><TD align='right' valign='top'><font 
color='$tabla_titulo_letra_color' face='$tabla_titulo_letra' 
size='$tabla_titulo_letra_size'>Gestión :</TD><td>
        <textarea rows='7' cols='50' name='gestion'></textarea>
        </td></tr>
       
      </TABLE>

    </TD></tr>
    <tr><TD>
    <INPUT type='submit' value='Agrega'>
    <INPUT type='reset' value='Borra'>
   
    </TD></tr>
    </center>
      </TABLE>   
       
     </FORM>
            </td></tr>

            </td></tr>
            </table>
    " );
    print( "<script language='JavaScript' type='text/javascript'>\n" );
   
    print( "function select_subestado()
    {
        var codigo_estado  = new Array();
        var codigo_subestado = new Array();
        var nombre_subestado = new Array();
        var oSelect = document.gestion.subestado;
    \n" );
    $sql = "SELECT * FROM subestados";
   
    $result = mysql_db_query( $mysql_db, $sql ) or die ("Error : 5 " . 
mysql_error()) ;
    $i=1;
    while ($row = mysql_fetch_array($result))
    {
       
        print( "codigo_estado[$i]  = '$row[1]';\n" );
        print( "codigo_subestado[$i] = '$row[2]';\n" );
        print( "nombre_subestado[$i] = '$row[3]';\n" );
        $i++;   
   
    }
    print( "
        total = $i;
        for (i=oSelect.length;i > -1; i--)
        {
            oSelect.options[i] = null;
        }
        x=0;

        for (i=1;i<=total;i++)
        {
            if (codigo_estado[i]==document.gestion.estado.value)
            {
                oSelect.options[x]=new Option(nombre_subestado[i], 
codigo_subestado[i]);
                x++;
            }   
        }   
    }   
    </script>\n");
?>


Más información sobre la lista de distribución PHP