Hola a los expertos de seguro me podras ayudar....
logre hacer que funcione un combo dependiente.... ahora mi problemas es que cuando se llena el segundo Select... al inicio de la lista hay un espacio en blanco... quisiera que no saliera ese espacio para que se pueda ver la lista desde el incio
Aqui les dejo mi codigo.....
<script language="JavaScript">
function cambiar()
{
var index=document.forms.clasificados.categoria.select edIndex;
document.clasificados.subcategoria.length=1;
if(index==1) asesorias();
if(index==2) autos();
}
function asesorias(){
opcion1=new Option("ASESORÍA AVALUOS","ASESORÍA AVALUOS","defauldSelected");
opcion2=new Option("ASESORÍA INMOBILIARIA","ASESORÍA 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[1]=opcion1;
document.forms.clasificados.subcategoria.options[2]=opcion2;
document.forms.clasificados.subcategoria.options[3]=opcion3;
document.forms.clasificados.subcategoria.options[4]=opcion4;
document.forms.clasificados.subcategoria.options[5]=opcion5;
}
function autos(){
opcion1=new Option("Ford","Ford","defauldSelected");
opcion2=new Option("Chevrolet","Chevrolet");
opcion3=new Option("Nissan","Nissan");
document.forms.clasificados.subcategoria.options[1]=opcion1;
document.forms.clasificados.subcategoria.options[2]=opcion2;
document.forms.clasificados.subcategoria.options[3]=opcion3;
}
</script>
<body>
<form id="clasificados" name="clasificados" method="post" action="">
<table width="372" border="0">
<tr>
<td width="129" class="textos_standar_blanco">Categoria</td>
<td width="233" class="textos_standar_blanco"><label>
<select name="categoria" id="categoria" onchange="cambiar()">
<option selected="selected">SELECCIONAR</option>
<option value="Asesorías">Asesorías</option>
<option value="Autos">Autos</option>
</select>
</label></td>
</tr>
<tr>
<td class="textos_standar_blanco">Subcategoría</td>
<td class="textos_standar_blanco"><select name="subcategoria" id="subcategoria" >
</select></td>
</tr>
</table>
<p>
<label>
<input type="submit" name="button" id="button" value="Enviar" />
</label>
</p>
</form>