bueno, quiero hacer que 2 combos se relacionen, y encontre este codigo que me funciona bien
solo que ahora quiero hacerle unos cambios mas, pero siento que ahora esta forma de ligarlos
no me funcionara, esto es lo que quiero hacer-:
select1 tiene la siguiente lista :
Basico, Avanzado, Plus
select2
al seleccionar basico - negocios, pv, rest
al seleccionar avanzado - negocios, pv, rest, joy
al seleccionar plus - negocios, finan, rest
como tengo en un div que me aparezca una pagina con estos combos
como le puedo hacer para que al entrar a ese div automaticamente ya este seleccionado
la opcion basico del primer select y la opcion negocio (para basico) del select2,pero
que cuando yo quiera cambiar de opcion pues no se altere la dependencia entre ellos
espero poder haberme explicado lo mejor posible, gracias!
codigo:
Código:
<script language="javascript">
function Combos(x) {
ItDepend=document.getElementById('CombDependiente');
if(!ItDepend){return;}
var mitems=new Array();
//mitems['Seleccione un nivel']=[''];
mitems['Basico']=['Negocio','PV','Rest'];
mitems['Avant']=['Negocio','PV','Rest','Joy'];
mitems['Plus']=['negocio','fin','Rest'];
ItDepend.options.length=0;
ItActual=mitems[x.options[x.selectedIndex].value];
if(!ItActual){return;}
ItDepend.options.length=ItActual.length;
for(var i=0;i<ItActual.length;i++) {
ItDepend.options[i].text=ItActual[i];
ItDepend.options[i].value=ItActual[i];
}
}
</script>
<select name="nivel" onchange="Combos(this)">
<option value="nada">Seleccione un nivel</option>
<option value="Basico" selected="selected">Básico</option>
<option value="Avanzado">Avant</option>
<option value="Plus">Plus</option>
</select>
<select name="CombDependiente" id="CombDependiente"></select>