mi pregunta es la siguiete, quiero crear dos listas que sean dependientes pero que no se llenen a partir de una base de datos sino de valores que coloco en un script. los codigos son estos.
Primer combo lista (llama a la funcion)
Código PHP:
<select name="Telemento" onChange="componer(this.value)">
<option value="" selected>Seleccione: </option>
<option value="uno">uno</option>
<option value="dos">Valor dos</option>
<option value="tres">tres</option>
</select>
Código:
function componer(elemento) { switch(elemento) { case "uno": document.agregar.elemento.options[0] = new Option("Seleccione: ",""); document.agregar.elemento.options[1] = new Option("primero","primero"); break; case "dos": document.agregar.elemento.options[0] = new Option("Seleccione: ",""); document.agregar.elemento.options[1] = new Option("del dos","del dos"); document.agregar.elemento.options[2] = new Option("segundo de dos","segundo de dos"); break; case "tres": document.agregar.elemento.options[0] = new Option("Seleccione: ",""); document.agregar.elemento.options[1] = new Option("primero de tres","primero de tres"); document.agregar.elemento.options[2] = new Option("otro tres","otro tres"); document.agregar.elemento.options[3] = new Option("final tres","final tres"); break; } }
El otro combo lista
Código PHP:
<select name="elemento">
</select>
Bueno el problema es que, al formarse el list desde la funcion en codigo javascript, si selecciono por ejemplo el valor tres que tienen 4 opciones lo muestra bien, pero al seleccionar por ejemplo la opcion uno que tiene menos opciones, se quedan las de la seleccion anterior que sobrepasan al limite de la seleccion actual.
me explico:
cuatro:
primero_4
segundo_4
tercero_4
cuarto_4
pero al seleccionar uno de menos opciones muestra:
uno:
primero_1
segundo_1
tercero_4
cuarto_4
cuando deberia mostrar solo
primero_1
segundo_1
Como hago para borrar todas las opciones agregadas y que solo agregue los que corresponda?