Ver Mensaje Individual
  #13 (permalink)  
Antiguo 13/05/2008, 02:14
Janire
 
Fecha de Ingreso: septiembre-2007
Mensajes: 100
Antigüedad: 16 años, 7 meses
Puntos: 0
Re: Rellenar un select en funcion de lo elegido en otro select

Ya he probado lo que me has dicho pero no es lo que necesito.

Me explico, lo que necesito es conseguir coger el valor de la subcategoría pero en cuanto el usuario la escoge, sin necesidad de pulsar en ningún botón porque la consulta se me tiene que cargar más abajo en la misma página.

Te pongo el código para que veas lo que quiero.

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Demo para gestionar la base de datos</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<?php
    
require_once("conexion.inc.php");
    
$conexion mysql_connect($servidor$usuario$passwd);
    
$db mysql_select_db($basedatos$conexion);
    if (!
$conexion)
    {
        echo 
"Error al establecer la conexión con la base de datos: " mysql_error();
        exit();
    }
    if (!
$db)
    {
        echo 
"Error seleccionando la base de datos: " mysql_error();
        exit();
    }
?>

<script>

    var accesorios_viaje = '<select name="subcategoria">';
        accesorios_viaje += '<option value="accesorios_viaje">Accesorios de viaje</option>';
        accesorios_viaje += '<option value="bolsa_compra">Bolsa para la compra</option>';
        accesorios_viaje += '<option value="bolsa_nino">Bolsa para niño</option>';
        accesorios_viaje += '<option value="bolsa_deporte">Bolsa de deporte</option>';
        accesorios_viaje += '<option value="bolsa_playa">Bolsa de playa</option>';
        accesorios_viaje += '<option value="bolsa_viaje">Bolsa de viaje</option>';
        accesorios_viaje += '<option value="bolso_mochila">Bolsos y mochilas</option>';
        accesorios_viaje += '<option value="chubasquero">Chubasquero</option>';
        accesorios_viaje += '<option value="cosmetica">Cosmetica</option>';
        accesorios_viaje += '<option value="macuto">Macutos</option>';
        accesorios_viaje += '<option value="maletas_carritos">Maletas y carritos</option>';
        accesorios_viaje += '<option value="monederos">Monederos</option>';
        accesorios_viaje += '<option value="paraguas">Paraguas</option>';
        accesorios_viaje += '<option value="rinonera">Riñonera</option>';
        accesorios_viaje += '</select>';
        
    var casa_hogar = '<select name="subcategoria">';
        casa_hogar += '<option value="accesorios_cocina">Accesorios para cocina</option>';
        casa_hogar += '<option value="accesorios_vino">Accesorios para vino</option>';
        casa_hogar += '<option value="ambiente">Ambiente</option>';
        casa_hogar += '<option value="botellas">Botellas</option>';
        casa_hogar += '<option value="decoracion">Decoración</option>';
        casa_hogar += '<option value="fotos">Fotos</option>';
        casa_hogar += '<option value="termos">Termos</option>';
        casa_hogar += '<option value="utensilios_cocina">Utensilios de cocina</option>';
        casa_hogar += '</select>';
        
    var cuidado_personal = '<select name="subcategoria">';
        cuidado_personal += '<option value="accesorios_ropa">Accesorios para ropa</option>';
        cuidado_personal += '<option value="bufandas">Bufandas</option>';
        cuidado_personal += '<option value="complementos">Complementos</option>';
        cuidado_personal += '<option value="estilo_mujer">Estilo de mujer</option>';
        cuidado_personal += '<option value="gimnasia">Gimnasia</option>';
        cuidado_personal += '<option value="relax">Relax</option>';
        cuidado_personal += '<option value="salud">Salud</option>';
        cuidado_personal += '<option value="set_bano">Set de baño</option>';
        cuidado_personal += '<option value="set_costura">Set de costura</option>';
        cuidado_personal += '<option value="set_limpieza_zapatos">Set para limpieza de zapatos</option>';
        cuidado_personal += '<option value="set_manicura">Set de manicura</option>';
        cuidado_personal += '<option value="sombreros">Sombreros</option>';
        cuidado_personal += '</select>';

    var escritura = '<select name="subcategoria">';
        escritura += '<option value="boligrafos">Boligrafos</option>';
        escritura += '<option value="caja_pinturas">Cajas de pinturas</option>';
        escritura += '<option value="punta_roll_on">Con punta roll on</option>';
        escritura += '<option value="correctores_roll_on">Correctores_roll_on</option>';
        escritura += '<option value="lapices">Lápices</option>';
        escritura += '<option value="ninos">Niños</option>';
        escritura += '<option value="rotuladores_marcadores">Rotuladores y marcadores</option>';
        escritura += '<option value="set_regalo">Set de regalo</option>';
        escritura += '</select>';

    var herramientas_linternas = '<select name="subcategoria">';
        herramientas_linternas += '<option value="accesorios_coche">Accesorios para coche</option>';
        herramientas_linternas += '<option value="bricolaje">Bricolaje</option>';
        herramientas_linternas += '<option value="linternas">Linternas</option>';
        herramientas_linternas += '</select>';
                
    var ocio = '<select name="subcategoria">';
        ocio += '<option value="antiestres">Antiestres</option>';
        ocio += '<option value="bicicletas_patinetes">Bicicletas y patinetes</option>';
        ocio += '<option value="camping_picnic">Camping y picnic</option>';
        ocio += '<option value="gafas_sol">Gafas de sol</option>';
        ocio += '<option value="golf">Golf</option>';
        ocio += '<option value="gorras_sombreros">Gorras y sombreros</option>';
        ocio += '<option value="jardin">Jardín</option>';
        ocio += '<option value="juegos">Juegos</option>';
        ocio += '<option value="playa">Playa</option>';
        ocio += '<option value="set_barbacoa">Set para barbacoa</option>';
        ocio += '<option value="supervivencia">Supervivencia</option>';
        ocio += '<option value="ventilador">Ventilador</option>';
        ocio += '</select>';
                
    var oficina = '<select name="subcategoria">';
        oficina += '<option value="accesorios_cd_mp3_mp4">Accesorios para CDs</option>';
        oficina += '<option value="accesorios_libros">Accesorios para libros</option>';
        oficina += '<option value="accesorios_ordenador">Accesorios para ordenador</option>';
        oficina += '<option value="articulos_escritorio">Articulos de escritorio</option>';
        oficina += '<option value="bolsa_ordenador_portatil">Bolsa para ordenador portátil</option>';
        oficina += '<option value="lanyards">Lanyards</option>';
        oficina += '<option value="laser">Láser</option>';
        oficina += '<option value="libretas_bloc_notas">Libretas y bloc de notas</option>';
        oficina += '<option value="memorias_usb">Memorias_usb</option>';
        oficina += '<option value="portafolios_portadocumentos">Portafolios y portadocumentos</option>';
        oficina += '<option value="portatarjetas">Portatarjetas</option>';
        oficina += '<option value="telefono">Teléfono</option>';
        oficina += '</select>';
                
    var regalos = '<select name="subcategoria">';
        regalos += '<option value="caramelos">Caramelos</option>';
        regalos += '<option value="llaveros">Llaveros</option>';
        regalos += '<option value="peluches">Peluches</option>';
        regalos += '</select>';
                
    var sonido_imagen = '<select name="subcategoria">';
        sonido_imagen += '<option value="camara_marco_fotos_digital">Camaras y marcos de fotos digital</option>';
        sonido_imagen += '<option value="grabador_voz">Grabador de voz</option>';
        sonido_imagen += '<option value="pilas">Pilas</option>';
        sonido_imagen += '<option value="radio">Radio</option>';
        sonido_imagen += '<option value="reproductor_cd">Reproductor de CDs</option>';
        sonido_imagen += '<option value="reproductor_mp3_mp4">Reproductor MP3 y MP4</option>';
        sonido_imagen += '</select>';
                
    var tiempo = '<select name="subcategoria">';
        tiempo += '<option value="cronometros_podometros">Cronómetros y podómetros</option>';
        tiempo += '<option value="estaciones_meteorologicas">Estaciones meteorológicas</option>';
        tiempo += '<option value="relojes">Relojes</option>';
        tiempo += '<option value="termometro">Termómetro</option>';
        tiempo += '</select>';

    function crearSubSelect()
    {
        var catElegida = document.getElementById('categoria').value ;
        var codigo = "" ;
        switch(catElegida)
        {
            case "oficina":
                codigo = oficina ;
                break ;
            case "accesorios_viaje":
                codigo = accesorios_viaje ;
                break ;
            case "casa_hogar":
                codigo = casa_hogar ;
                break ;
            case "cuidado_personal":
                codigo = cuidado_personal ;
                break ;
            case "escritura":
                codigo = escritura ;
                break ;
            case "herramientas_linternas":
                codigo = herramientas_linternas ;
                break ;
            case "ocio":
                codigo = ocio ;
                break ;
            case "regalos":
                codigo = regalos ;
                break ;
            case "sonido_imagen":
                codigo = sonido_imagen ;
                break ;
            case "tiempo":
                codigo = tiempo ;
                break ;
        }
        document.getElementById('subCategoria').innerHTML = codigo ;
    }

</script>
Te lo pongo en dos partes porque no me deja ponerlo todo junto.