Orden de un combo mal en chrome

mdavila · #1 (**permalink**) 02/05/2011, 12:43

Hola Cargo unos combos "select" y en chrome me muestra cualquier orden.

for (id in matriz[valor])
{
comboDestino.options[i] = new Option(matriz[valor][id], id);
i++;
}

Alguien tiene alguna idea....

Saludos.

ocp001a · #2 (**permalink**) 02/05/2011, 14:41

qué raro, aunque nunca lo hago así, yo uso esta forma y nunca me ha fallado:

Código Javascript:

Ver originalfor (id in matriz[valor]){
    comboDestino.length++;
    comboDestino.options[i].value=matriz[valor][id];
    comboDestino.options[i].text=matriz[valor][id];
    i++;
}

IsaBelM · #3 (**permalink**) 02/05/2011, 15:31

lo ha probado en chrome 11 y funciona.
prueba con este

Cita:

<html>
<head>
<script typ="text/javascript">
window.onload = function() {
var mat = ['a', 'b', c = [1,2,3,4], 'd', 'e', 'f', 'g', 'h', 'i'];

var sel = document.getElementById("combox");

for(var i in mat[2]) {

var opt = document.createElement("option");
opt.value = i;
opt.text = mat[2][i];

sel.add(opt, null);
}

}
</script>
</head>
<body>
<select id="combox"></select>
</body>
</html>

zerokilled · #4 (**permalink**) 02/05/2011, 18:28

buenas,
el estandar ecma dice que no hay norma sobre el orden que se deben enumerar las propiedades en un ciclo for/in. puede que tu caso sea la consecuencia de esto.

mdavila · #5 (**permalink**) 03/05/2011, 06:52

Cita:

Iniciado por zerokilled

buenas,
el estandar ecma dice que no hay norma sobre el orden que se deben enumerar las propiedades en un ciclo for/in. puede que tu caso sea la consecuencia de esto.

Claro el problema no es el combo como lo muestra si no el FOR como lo recorre.
El tema es que no recorre la matriz en orden de agregado si no en el orden del ID solo.
No se como resolverlo por ahora :(

Gracias por la ayuda.

zerokilled · #6 (**permalink**) 03/05/2011, 08:35

Cita:

si no el FOR como lo recorre.

exactamente a eso me referia en la afirmacion anterior. de todos modos, no veo porque usar un bucle for/in en un array, y mas en tu caso que lo deseas por orden de entrada. utiliza un bucle for normal.

mdavila · #7 (**permalink**) 03/05/2011, 10:05

Cita:

Iniciado por zerokilled

exactamente a eso me referia en la afirmacion anterior. de todos modos, no veo porque usar un bucle for/in en un array, y mas en tu caso que lo deseas por orden de entrada. utiliza un bucle for normal.

Lo intento con un for normal pero me da error en el length, no pasa de ahi
Se puede hacer length de un arrar dentro de otro?

for (temp = 0; temp <= matriz[valor].length; temp++) {

}

IsaBelM · #8 (**permalink**) 03/05/2011, 10:39

sí, claro. tomando el arreglo de mi anterior ejemplo

Cita:

for(var i = 0; i < mat[2].length; i++) {
document.getElementById('valores').innerHTML += mat[2][i];
}

mdavila · #9 (**permalink**) 04/05/2011, 06:46

Me parece que lo que estoy haciendo mal es crear el array

matriz[1]={72: 'Apartamentos', 71: 'Casas', 17: 'Viviendas en Balnearios'}
Asi es como lo creo yo, pero al hacerlo asi me coloca apartamentos en el lugar 72 y todo asi.

IsaBelM · #10 (**permalink**) 04/05/2011, 07:11

lo que intentas crear es un array de objetos. veamos si esto te resuelve algo

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript">
item = [ europa = [
{pais : 'españa',
email : 'www.url.com'},

{pais : 'portugal',
email : 'www.url.com'}
],

africa = [
{pais: 'marruecos',
email : 'www.url.com'},

{pais: 'congo',
email : 'www.url.com'},

{pais: 'tunez',
email : 'www.url.com'}
],

america = [
{pais : 'mejico',
email : 'www.url.com'},

{pais : 'honduras',
email : 'www.url.com'},

{pais : 'argentina',
email : 'www.url.com'},

{pais : 'brasil',
email : 'www.url.com'},
]
]

function fnc(it) {
for (var i = 0; i < item[it].length; i++) {
alert('país: ' +item[it][i].pais+ ' email: '+item[it][i].email);
}
}
</script>
</head>
<body>
<form>
<select onchange="fnc(this.selectedIndex)">
<option value="">europa</option>
<option value="">áfrica</option>
<option value="">america</option>
</select>
</body>
</html>

zerokilled · #11 (**permalink**) 04/05/2011, 09:16

hola @isabelm,
tengo una curiosidad, ya que por segunda vez veo que asi lo haces. ¿por que defines un token en la declaracion de un array multidimensional? me refiero....

Código:

item = [ europa = [

IsaBelM · #12 (**permalink**) 04/05/2011, 13:06

si tu pregunta va por el lado de alguna razón técnica, no es así. supongo que es por que cuando estás en los inicios, ves que alguien lo hace así, me pareció más legible y te acostumbras a ello. a mí esto me cuesta mas leerlo

Cita:

item = [ [
{pais : 'españa',
email : 'www.url.com'},

{pais : 'portugal',
email : 'www.url.com'}
],

[
{pais: 'marruecos',
email : 'www.url.com'},

{pais: 'congo',
email : 'www.url.com'},

{pais: 'tunez',
email : 'www.url.com'}
],

[
{pais : 'mejico',
email : 'www.url.com'},

{pais : 'honduras',
email : 'www.url.com'},

{pais : 'argentina',
email : 'www.url.com'},

{pais : 'brasil',
email : 'www.url.com'}
]
]

hay alguna diferencia en el rendimiento o ejecución??

un saludo

zerokilled · #13 (**permalink**) 04/05/2011, 13:33

hola @isabel,
me parecio curioso que escribieras de esa forma y pense que quizas era simplemente estilo propio de escribir, como bien tu dices para facilitarte la lectura y comprehension. de hecho, pense que el codigo deberia dar error pero me equivoque. por otro, no creo que tenga algun efecto en el rendimiento. lo que si considero es que debes tener cautela o al menos estar conciente de que estas creando variables globales. y no es que sea un peligro grave, sino que dependiendo de la estructura o control que quieras manejar en tu codigo, podrias exponer los datos en el ambito equivocado. por ejemplo, si quieres los datos sean manipulados o leidos especificamente desde una funcion y que no se pueda accesar directamente, entonces tendrias que crear un closure con ese dato json. pero al tener declaracion de variables globales, entonces estos quedan expuestos.

si te sirve, puedes adoptar la tecnica mas comun, comentarios.

Código:

item = [ 

// europa ;
[
{pais : 'españa',
email : 'www.url.com'},

{pais : 'portugal',
email : 'www.url.com'}
],

// o alguna variante como la siguiente linea ;
[ // africa ;
{pais: 'marruecos',
email : 'www.url.com'},

{pais: 'congo',
email : 'www.url.com'},

{pais: 'tunez',
email : 'www.url.com'}
],

// america ;
[
{pais : 'mejico',
email : 'www.url.com'},

{pais : 'honduras',
email : 'www.url.com'},

{pais : 'argentina',
email : 'www.url.com'},

{pais : 'brasil',
email : 'www.url.com'},
]
] // item ;

IsaBelM · #14 (**permalink**) 04/05/2011, 14:13

muchas gracias por tus comentarios. no era consciente de ello y tampoco había pensado en comentarlo

un saludo