problema cons lista dependiente de otra

chalchis · #1 (**permalink**) 24/02/2006, 14:10

hola amigos tengo este problema

<html>
<head>
<script language="JavaScript">

function addOpt(oCntrl, iPos, sTxt, sVal){
var selOpcion=new Option(sTxt, sVal);
eval(oCntrl.options[iPos]=selOpcion);
}

function cambia(oCntrl){
switch (document.frm.pais.selectedIndex){
case 1:
addOpt(oCntrl, 0, "Abrecartas", "1");
addOpt(oCntrl, 1, "Broche", "2");
addOpt(oCntrl, 2, "Desengrapador", "3");
addOpt(oCntrl, 3, "Engrapadora", "4");
addOpt(oCntrl, 4, "Boligrafo fino azul", "5");
addOpt(oCntrl, 5, "Boligrafo fino rojo", "6");
addOpt(oCntrl, 6, "Boligrafo fino negro", "7");
addOpt(oCntrl, 7, "Toner tinta negra 5158 hp laser jet", "8");
break;
case 2:
addOpt(oCntrl, 0, "Extintor", "10");
break;
case 3:
addOpt(oCntrl, 0, "Limpia vidrios", "11");
addOpt(oCntrl, 1, "Contenedor para basura", "12");
addOpt(oCntrl, 2, "Plumeros", "13");
break;
}
}
</script>
</head>
<body>
<form name="frm">
<table border="0" width="482">
<tr>
<td width="25">
Pais
</td>
<td width="89">
<select name="pais[]" id="pais" onchange="cambia(document.frm.ciudad)">
<option value=""></option>
<option value="2">Artículos de Oficina</option>
<option value="3">Artículos de Seguridad</option>
<option value="4">Artículos de Limpieza</option>
</select>
</td>
<td width="6">
 
</td>
<td width="44">
Ciudad
</td>
<td width="296">
<select name="ciudad[]" id="ciudad" >
<option value=""></option>

</select> <input type="button" value="Ir a..." onClick="location.href=this.form.ciudad.options[this.form.ciudad.selectedIndex].value"></td>
</tr>
</table>
</form>
</body>
</html>

cuando selecciono una opcion del primer select se agrega sus opciones correspondientes pero el problema es que si antes habia seleccionado otro esos otras opciones seguen estando ahi que puedo hacer para que se limpie todo el segudo select y solo aparescan los que deben ir

saludos amigos
espero sus comentarios

zaqpz · #2 (**permalink**) 24/02/2006, 15:56

Hola. Las opciones de un select se almacenan en un array, entonces si igualas la longitud de la propiedad "options" de ese array a cero, estas eliminando su contenido:

Código:

tuSelect=document.getElementById("nombre_de_tu_select");
tuSelect.options.length=0;

Saludos.

PD: modifiqué un error que tenia en el anterior POST, por eso lo había borrado.

chalchis · #3 (**permalink**) 24/02/2006, 15:59

dond exactamentemente puedo poner esas dos lineas que mencionas
disculpa mi ignorancia

Cita:

Iniciado por zaqpz

Hola. Las opciones de un select se almacenan en un array, entonces si igualas la longitud de la propiedad "options" de ese array a cero, estas eliminando su contenido:

Código:

tuSelect=document.getElementById("nombre_de_tu_select");
tuSelect.options.length=0;

Saludos.

PD: modifiqué un error que tenia en el anterior POST, por eso lo había borrado.

chalchis · #4 (**permalink**) 24/02/2006, 16:05

tuSelect=document.getElementById("lista_articulos" );
tuSelect.length=0;
switch (document.forms.formulario.lista_categoria.selecte dIndex)

PD:gRACIAS por la ayuda zaqpz
saludos y gracias

Cita:

Iniciado por chalchis

dond exactamentemente puedo poner esas dos lineas que mencionas
disculpa mi ignorancia