opciones vacias en select

evoarte · #1 (**permalink**) 06/11/2008, 17:55

buenas noches:

no veo por que al generar las listas dependientes se generan unas lineas vacias previas a las opciones creadas para los diferentes temas, segundo valor de licategoria.

<html>
<head>
<script type="text/JavaScript">

</script>

</head>

<body>

<form id="formulario" name="prestoca" method="post" action="/contenido/documentoIN.asp">

<label for="documento">Documento</label>
<select name="documento" id="documento">
<option value="">[Elige un Documento]</option>
<option value="1">noticias</option>
<option value="2">artículos</option>
<option value="3">editoriales</option>
<option value="4">manuales</option>
<option value="5">enlaces</option>
</select>
<br />
<label for="tema">Temática</label>
<select name="tema" id="tema" onChange="javascript:elige(this,this.form.categori a);">
<option value="" selected>[Elige una Temática]</option>
<option value="1">Calidad</option>
<option value="2">Contabilidad</option>
<option value="3">Fiscalidad</option>
<option value="4">Software ERP</option>
<option value="5">Actualidad</option>
</select>
<br />
<label for="categoria">Categoría</label>
<select name="categoria" id="categoria">
<option value="" selected>[Elige una Categoría]</option>
</select>
<br />
</fieldset>
<br />
</form>

</body>

</html>

David · #2 (**permalink**) 06/11/2008, 21:26

Es que si te fijas, estás agregando en la posición [m], que es el contador del bucle, mientras que algunos elementos no se agregan, por lo que al agregar dejará tantos espacios en blanco como veces se ha pasado por el bucle.

La solución es en vez de agregar en la posición m agregar según el tamaño de la lista, o sea, donde.length, o directamente con un contador que se incremente cada vez que se agregue un elemento.

evoarte · #3 (**permalink**) 07/11/2008, 04:45

pues no lo veo

si, el for recorre todo el array licategoria,
pero con if(licategoria[m][1] == cual) solo creo las opciones cuando se cumple la condición

saludos,
jose carlos.

David · #4 (**permalink**) 07/11/2008, 05:38

Sí, esa parte está bien, esto está mal:

Código:

donde.options[m] = nuevaOpcion;
donde.options[m].value = licategoria[m][0];

Debería ser el último elemento y no m.

evoarte · #5 (**permalink**) 07/11/2008, 05:44

pero [m] en esa iteracción ya es el último elemento,
con el if(licatagoria[m][1] == cual)
solo se escribe la opción del select cuando se cumple la condición,

nada, q estoy ciego, no lo veo

un saludo,
jose carlos.

evoarte · #6 (**permalink**) 07/11/2008, 05:50

lo he resuelto:

if(cual.selectedIndex != 0)
{
cual = eval(cual.value)
donde.length = 0;
var contador = 0;
for(m=0;m<licategoria.length;m++)
{
if(licategoria[m][1] == cual)
{
var nuevaOpcion = new Option(licategoria[m][2]);
donde.options[contador] = nuevaOpcion;
donde.options[contador].value = licategoria[m][0];
contador++;
}
}
}

pero sigo sin verlo,

gracias
jose carlos

David · #7 (**permalink**) 07/11/2008, 05:55

Cita:

Iniciado por David el Grande

Es que si te fijas, estás agregando en la posición [m], que es el contador del bucle, mientras que algunos elementos no se agregan, por lo que al agregar dejará tantos espacios en blanco como veces se ha pasado por el bucle.

Es que m se va incrementando a cada paso del bucle, pero no todas las veces que se pasa agrega un elemento, por lo que cuando finalmente agrega ocurría que dejaba esos espacios en blanco.

Saludos

.

evoarte · #8 (**permalink**) 07/11/2008, 14:31

vale, ya lo tengo claro,

no estaba teniendo en cuenta el array del select del arbol de la pagina.

gracias,
un saludo,

evoarte · #9 (**permalink**) 08/11/2008, 22:06

buenas noches,

una vez que envío el formulario he comprobado que el valor del select generado (categoria) como lista dependiente es "undefined"

y por muchas vueltas que le doy no encuentro donde está el problema,

un saludo,
josé carlos.

David · #10 (**permalink**) 08/11/2008, 22:19

¿Puedo ver el código como lo tienes ahora?.

evoarte · #11 (**permalink**) 09/11/2008, 14:58

buenas noches:

function elige(cual,donde,campos)
{
var dbcategoria = "1,1,Cliente,,2,1,Liderazgo,,3,1,Personal,,4,1,Pro cesos,,5,1,Gestión,,6,1,Mejora Continua,,7,1,Análisis de Datos,,8,1,Proveedores,,9,2,Plan 2007,,10,2,Casos,,12,3,Estimación Objetiva - Módulos,,13,3,Sociedades,,14,3,Estimación Directa,,15,3,Comercio Minorista,,16,3,Agencias de Viajes,";
dbcategoria = dbcategoria.split(",");

var registro = 0;
var campo = 0;
var locategoria = new Array();
locategoria[registro] = new Array();

for(i=0;i<dbcategoria.length;i++)
{
locategoria[registro][campo] = dbcategoria[i];
if(campo==campos)
{
registro++;
locategoria[registro] = new Array();
campo=0;
}
campo++
}

if(cual.selectedIndex != 0)
{
cual = eval(cual.value);
donde.length = 0;
var contador = 0;
for(m=0;m<locategoria.length;m++)
{
if(locategoria[m][1] == cual)
{
var nuevaOpcion = new Option(locategoria[m][2]);
donde.options[contador] = nuevaOpcion;
donde.options[contador].value = locategoria[m][0];
contador++;
}
}
}
donde.disabled=false;
if(cual.selectedIndex == 0){donde.disabled=true}
}

<label for="documento">Documento</label>
<select name="documento" id="documento">
<option value="">[Elige un Documento]</option>
<option value="1">noticias</option>
<option value="2">artículos</option>
<option value="3">editoriales</option>
<option value="4">manuales</option>
<option value="5">enlaces</option>
</select>
<br />
<label for="tema">Temática</label>
<select name="tema" id="tema"
onChange="javascript:elige(this,this.form.categori a,4);">
<option value="">[Elige una Temática]</option>
<option value="1">Calidad</option>
<option value="2">Contabilidad</option>
<option value="3">Fiscalidad</option>
<option value="4">Software ERP</option>
<option value="5">Actualidad</option>
</select>
<br />
<label for="categoria">Categoría</label>
<select name="categoria" id="categoria" disabled>
<option value="">[Elige una Categoría]</option>
</select>

un saludo,
jose carlos.

David · #12 (**permalink**) 09/11/2008, 15:36

Es que hay un pequeño error en el bucle for que obtiene las categorías, y es que cuando pasas a una nueva categoría pasas la variable campo a 0, pero inmediatamente después se ejecuta el campo++ por lo que campo llega a ser 1, entonces el índice 0 del array nunca llega a asignarse. Deberías poner el campo++ en un else, y también en vez de 4 campos, poner solo 3 (ya que empieza desde 0).

evoarte · #13 (**permalink**) 09/11/2008, 16:49

ok,

gracias,

un saludo,
jose carlos