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ías">Asesorí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ómputo">Equipo de Cómputo</option>
<option value="Eventos, Fiestas y piñatas">Eventos, Fiestas y Piñ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>