Combobox conbinados
22 de Septiembre del 2003

nadie sabe como se hacen los combobox cominados???

TQLP
22 de Septiembre del 2003

Esto te puede ayudar

<script language="JavaScript" type="text/javascript">
/**
/* funcion principal de decisiones: hace una cosa u otra en funcion de la
* opcion seleccionada en el primer combo
*/
function combo()
{
/**
* variable que almacena la opcion elegida en el primer combo
*/
var indice=document.forms.form1.Marca.selectedIndex;
/**
* si se elige la primera opcion (la que aparece por defecto) > se pone el segundo combo a cero
*/
if(indice==0)
{
document.forms.form1.Modelo.options[0].value="0";
document.forms.form1.Modelo.options[0].text="-----------------";
document.forms.form1.Modelo.length=1;
}
/**
* si se elige la segunda o la tercera > llamamos a la funcion correspondiente
*/
if(indice==1)
{
document.forms.form1.Modelo.options[0].value="0";
document.forms.form1.Modelo.length=1;
Toshiba();
}
if(indice==2)
{
document.forms.form1.Modelo.options[0].value="0";
document.forms.form1.Modelo.length=1;
Compaq();
}
if(indice==3)
{
document.forms.form1.Modelo.options[0].value="0";
document.forms.form1.Modelo.length=1;
IBM();
}

if(indice==4)
{
document.forms.form1.Modelo.options[0].value="0";
document.forms.form1.Modelo.length=1;
Dell();
}


}
/**
* funcion de relleno del segundo combo si se elige la primera opcion
*/
function Toshiba()
{
segundoCombo=1;
sub0=new Option("-Modelos Toshiba-","null","defauldSelected");
sub1=new Option("PORTEGE CT110","PORTEGE CT110");
sub2=new Option("PORTEGE CTXDVD","PORTEGE CTXDVD");
sub3=new Option("LIBRETO","LIBRETO");
document.forms.form1.Modelo.options[0].value="0";
document.forms.form1.Modelo.options[0]=sub0;
document.forms.form1.Modelo.options[1]=sub1;
document.forms.form1.Modelo.options[2]=sub2;
document.forms.form1.Modelo.options[3]=sub3;


}
/**
* funcion de relleno del segundo combo si se elige la primera opcion
*/
function Compaq()
{
segundoCombo=2;
sub0=new Option("-Modelos Compaq-","null","defauldSelected");
sub1=new Option("DESKPRO EP","DESKPRO EP");
sub2=new Option("DESKPRO EN","DESKPRO EN");
sub3=new Option("DSDT","DSDT");
document.forms.form1.Modelo.options[0]=sub0;
document.forms.form1.Modelo.options[1]=sub1;
document.forms.form1.Modelo.options[2]=sub2;
document.forms.form1.Modelo.options[3]=sub3;

}

function IBM()
{
segundoCombo=3;
sub0=new Option("-Modelos IBM-","null","defauldSelected");
sub1=new Option("T30","T30");
sub2=new Option("T22","T22");
sub3=new Option("X22","X22");
sub10=new Option("Pendiente","Pendiente");
document.forms.form1.Modelo.options[0].value="0";
document.forms.form1.Modelo.options[0]=sub0;
document.forms.form1.Modelo.options[1]=sub1;
document.forms.form1.Modelo.options[2]=sub2;
document.forms.form1.Modelo.options[3]=sub3;

}
function Dell()
{
segundoCombo=4;
sub0=new Option("-Modelos Dell-","null","defauldSelected");
sub1=new Option("C600","C600");
sub2=new Option("C400","C400");
sub3=new Option("C610","C610");
document.forms.form1.Modelo.options[0].value="0";
document.forms.form1.Modelo.options[0]=sub0;
document.forms.form1.Modelo.options[1]=sub1;
document.forms.form1.Modelo.options[2]=sub2;
document.forms.form1.Modelo.options[3]=sub3;

}

</script>


<form method="POST" action="combo" name="form1">
<select name="Marca" onChange="combo()">
<option value="null" selected>Elige una opción
<option value="Toshiba">Toshiba
<option value="Compaq">Compaq</option>
<option value="IBM">IBM
<option value="Dell">Dell
</select><br>

<select name="Modelo">
<option value="null">----------------------
</select>
</form>

Espero que te sirva
</form>