cambiar combo

vissiontotal · #1 (**permalink**) 03/01/2012, 19:27

Hola amigos tengo este codigo que funciona muy bien es para cambiar dos combos.. el segundo cambia segun se seleccione el primero.... pero no se como le puedo hacer para agregar un tercer como........ por ejemplo que si selecciona autos y luego la marca me salgan mas opciones como los tipso de autos de esa marca por ejemlplo

Código HTML:

<form id="clasificados" name="clasificados" method="post" action="">
      <table width="327" border="0">
        <tr>
          <td width="193"><select name="categoria" id="categoria" onchange="cambiar()">
            <option selected="selected">SELECCIONAR</option>
            <option value="Asesor&iacute;as">Asesor&iacute;as</option>
            <option value="Autos">Autos</option>
            <option value="Accesorios y refacciones">Accesorios y refacciones</option>
            <option value="Bodegas y locales">Bodegas y locales</option>
            <option value="Casas">Casas</option>
            <option value="Terrenos">Terrenos</option>
            <option value="Cursos">Cursos</option>
            <option value="Equipo de C&oacute;mputo">Equipo de C&oacute;mputo</option>
            <option value="Eventos, Fiestas y pi&ntilde;atas">Eventos, Fiestas y Pi&ntilde;atas</option>
            <option value="Instrumentos musicales">Instrumentos musicales</option>
            <option value="Maquinaria">Maquinaria</option>
            <option value="Mascotas y animales">Mascotas y animales</option>
            <option value="Materiales y equipos">Materiales y equipos</option>
            <option value="Motos y bicicletas">Motos y bicicletas</option>
            <option value="Muebles">Muebles</option>
            <option value="Servicios varios">Servicios varios</option>
            <option value="Micelanea">Micelanea</option>
            <option value="Ropa">Ropa</option>
            <?php
do {  
?>
            <option value="<?php echo $_POST['categoria']?>"<?php if (!(strcmp($_POST['categoria'], $_POST['categoria']))) {echo "selected=\"selected\"";} ?>><?php echo $_POST['categoria']?></option>
            <?php
} while ($row_clasi = mysql_fetch_assoc($clasi));
  $rows = mysql_num_rows($clasi);
  if($rows > 0) {
      mysql_data_seek($clasi, 0);
	  $row_clasi = mysql_fetch_assoc($clasi);
  }
?>
          </select></td>
          <td width="124" id="esta" style="visibility:hidden"><select name="subcategoria" id="subcategoria" >
          </select></td>
        </tr>
      </table>
    </form>


<script language="JavaScript">
function cambiar()
{
var index=document.forms.clasificados.categoria.selectedIndex;
document.clasificados.subcategoria.length=0;
if(index==0)document.getElementById('esta').style.visibility='hidden';else document.getElementById('esta').style.visibility='visible';
if(index==1) asesorias();
if(index==2) autos();
if(index==3) accesorios();
if(index==4) bodegas(); 
if(index==5) casas();
if(index==6) terrenos(); 
if(index==7) cursos();
if(index==8) equipos_de_computo();
if(index==9) eventos_fiestas_y_reuniones();
if(index==10) instrumentos_musicales();
if(index==11) maquinaria();
if(index==12) mascotas_animales();
if(index==13) materiales_y_equipos();
if(index==14) motos_bicicletas();
if(index==15) muebles();								
if(index==16) servicios_varios();
if(index==17) micelanea();	
if(index==18) ropa();				
} 

function asesorias(){
opcion1=new Option ("Asesoría sobre avaluos","Asesoría sobre avaluos","defauldSelected");
opcion2=new Option("Asesoría sobre inmobiliaria","Asesoría sobre inmobiliaria");
opcion3=new Option("Asesoría financiera","Asesoría financiera");
opcion4=new Option("Asesoría fiscal","Asesoría fiscal");
opcion5=new Option("Asesoría legal","Asesoría legal");
document.forms.clasificados.subcategoria.options[0]=opcion1;
document.forms.clasificados.subcategoria.options[1]=opcion2;
document.forms.clasificados.subcategoria.options[2]=opcion3; 
document.forms.clasificados.subcategoria.options[3]=opcion4;
document.forms.clasificados.subcategoria.options[4]=opcion5;
}

function autos(){
opcion1=new Option("Acura","Acura","defauldSelected");
opcion2=new Option("Audi","Audi");
opcion3=new Option("BMW","BMW");
opcion4=new Option("Buick","Buick");
opcion5=new Option("Cadillac","Cadillac");
opcion6=new Option("Chevrolet","Chevrolet");
opcion7=new Option("Chrysler","Chrysler");
opcion8=new Option("Datsun","Datsun");
opcion9=new Option("Dodge","Dodge");
opcion10=new Option("Eagle","Eagle");
opcion11=new Option("Ford","Ford");
opcion12=new Option("Geo","Geo");
opcion13=new Option("Honda","Honda");
opcion14=new Option("Hundai","Hundai");
opcion15=new Option("Infiniti","Infiniti");
opcion16=new Option("Jaguar","Jaguar");
opcion17=new Option("Kia","Kia");
opcion18=new Option("Lexus","Lexus");
opcion19=new Option("Lincoln","Lincoln");
opcion20=new Option("Mazda","Mazda");
opcion21=new Option("Mercedes Benz","Mercedes Benz");
opcion22=new Option("Mini","Mini");
opcion23=new Option("Mitsubishi","Mitsubishi");
opcion24=new Option("Oldsmobile","Oldmosbile");
opcion25=new Option("Plymouth","Plymouth");
opcion26=new Option("Porsche","Porsche");
opcion27=new Option("Saturn","Saturn");
opcion28=new Option("Suzuki","Suzuki");
opcion29=new Option("Toyota","Toyota");
opcion30=new Option("Triumph","Triumph");
opcion31=new Option("Volkswagen","Volkswagen");
opcion32=new Option("Volvo","Volvo");
document.forms.clasificados.subcategoria.options[0]=opcion1;
document.forms.clasificados.subcategoria.options[1]=opcion2;
document.forms.clasificados.subcategoria.options[2]=opcion3; 
document.forms.clasificados.subcategoria.options[3]=opcion4; 
document.forms.clasificados.subcategoria.options[4]=opcion5; 
document.forms.clasificados.subcategoria.options[5]=opcion6; 
document.forms.clasificados.subcategoria.options[6]=opcion7; 
document.forms.clasificados.subcategoria.options[7]=opcion8; 
document.forms.clasificados.subcategoria.options[8]=opcion9; 
document.forms.clasificados.subcategoria.options[9]=opcion10; 
document.forms.clasificados.subcategoria.options[10]=opcion11; 
document.forms.clasificados.subcategoria.options[11]=opcion12; 
document.forms.clasificados.subcategoria.options[12]=opcion13; 
document.forms.clasificados.subcategoria.options[13]=opcion14; 
document.forms.clasificados.subcategoria.options[14]=opcion15; 
document.forms.clasificados.subcategoria.options[15]=opcion16; 
document.forms.clasificados.subcategoria.options[16]=opcion17; 
document.forms.clasificados.subcategoria.options[17]=opcion18; 
document.forms.clasificados.subcategoria.options[18]=opcion19; 
document.forms.clasificados.subcategoria.options[19]=opcion20; 
document.forms.clasificados.subcategoria.options[20]=opcion21; 
document.forms.clasificados.subcategoria.options[21]=opcion22; 
document.forms.clasificados.subcategoria.options[22]=opcion23; 
document.forms.clasificados.subcategoria.options[23]=opcion24; 
document.forms.clasificados.subcategoria.options[24]=opcion25; 
document.forms.clasificados.subcategoria.options[25]=opcion26; 
document.forms.clasificados.subcategoria.options[26]=opcion27; 
document.forms.clasificados.subcategoria.options[27]=opcion28; 
document.forms.clasificados.subcategoria.options[28]=opcion29; 
document.forms.clasificados.subcategoria.options[29]=opcion30; 
document.forms.clasificados.subcategoria.options[30]=opcion31; 
document.forms.clasificados.subcategoria.options[31]=opcion32; 
}

ETC ETC ETCETC

</script>

jmabreu · #2 (**permalink**) 03/01/2012, 21:33

esto creo que se trato recientemente puedes hacerlo a la antiguita con onclick en los combobox pero utiliza ajax asi te evitas eso

mirandaphp5 · #3 (**permalink**) 04/01/2012, 09:39

si lo mas facil es utilizar ajax, jquery,