Ver Mensaje Individual
  #4 (permalink)  
Antiguo 12/05/2008, 04:09
miSko
 
Fecha de Ingreso: septiembre-2005
Mensajes: 840
Antigüedad: 18 años, 8 meses
Puntos: 84
Re: Rellenar un select en funcion de lo elegido en otro select

Vale, tu web quedaria asi :

Código PHP:


<html xmlns="http://www.w3.org/1999/xhtml">

    <
head>
        <
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <
title>Documento sin título</title>
    </
head>
    

    <
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>
            
            
    <body>
        <table width="836" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td width="209" align="right">Categoría del producto:</td>
                <td width="209" align="left">
                    <select name="categoria" id="categoria" onChange="crearSubSelect()" onClick="crearSubSelect()" onKeyPress="crearSubSelect()">
                        <option value="accesorios_viaje">Accesorios de viaje</option>
                        <option value="casa_hogar">Casa y hogar</option>
                        <option value="cuidado_personal">Cuidado personal</option>
                        <option value="escritura">Escritura</option>
                        <option value="herramientas_linternas">Herramientas y linternas</option>
                        <option value="ocio">Ocio</option>
                        <option value="oficina">Oficina</option>
                        <option value="regalos">Regalos</option>
                        <option value="sonido_imagen">Sonido e imagen</option>
                        <option value="tiempo">Tiempo</option>
                    </select>
                </td>
                <td width="209" align="right">Subcategoría del producto:</td>
                <td width="209" align="left" id="subCategoria"></td>
            </tr>
        </table>
        <script>crearSubSelect()</script>
    </body>
</html> 

ACABO D EDITAR EL POST: me faltaba lo de oficina y alguna tonteria por ahi ;)

Última edición por miSko; 12/05/2008 a las 04:26