Problemas con appendChild y IE

[-Hercules-]

Hola,

Tengo una lista de selección que le agrego opciones mediante el appendChild. Con Firefox y Opera funciona bien. Pero con IE 6.0 SP2 no me muestra el texto, pero si agrega correctamente el valor de la opción. ¿es un fallo del IE? o hago algo mal?

El código es:

Código:

var ni=document.getElementById(form.outList.id);
var ele=document.createElement('option'); // Crea  elemento Option
ele.value=form.inList.options[i].value;
ele.text=form.inList.options[i].text;
ni.appendChild(ele); //Introduce el elemento option  en la lista

La variable [i] es el número de la opción seleccionada en lista de entrada que se quiere agregar a la lista de salida cuando se hace click en un botón.

[JavierB]

Hola -Hercules-

En lugar de: ele.text=

utiliza: ele.innerHTML=

Saludos,

[-Hercules-]

Hola JavierB, ¡¡Muchas Gracias!!

Ahora el código funciona en los tres navegadores.

No estoy muy al día con el JavaScript, pero el método 'text' es menos estándar que el 'innerHTML'? o se sabe por que no funciona 'text' con el contenido del texto de la etiqueta <option> no funciona con IE 6.0?

[-Hercules-]

Hola,

Ahora me acabo de encontrar otro problema, esta vez con el IE 7.0... no me da problemas ni nada el IE...

El problema es que al hacer el appenChild, si el número de carácteres que se introduce con el innrHTML en el elemento OPTION es de mayor tamañao que el que tiene actualmente el SELECT no se redimensiona para adaptarlo al nuevo contenido y queda el texto cortado visualmente.

¿Que hay que hacer para que se adapte el tamaño del SELECT al nuevo contenido?

Gracias ;)

[-Hercules-]

Alguien sabría como solucionar este problema del IE 7.0? o se ha encontrado con el mismo problema?

[ivangc]

Has probado con

Código PHP:

  ele.appendChild(document.createTextNode(form.inList.options[i].text))  
   

??

Iniciado por -Hercules-

Hola,

Tengo una lista de selección que le agrego opciones mediante el appendChild. Con Firefox y Opera funciona bien. Pero con IE 6.0 SP2 no me muestra el texto, pero si agrega correctamente el valor de la opción. ¿es un fallo del IE? o hago algo mal?

El código es:

Código:

var ni=document.getElementById(form.outList.id);
var ele=document.createElement('option'); // Crea  elemento Option
ele.value=form.inList.options[i].value;
ele.text=form.inList.options[i].text;
ni.appendChild(ele); //Introduce el elemento option  en la lista

La variable [i] es el número de la opción seleccionada en lista de entrada que se quiere agregar a la lista de salida cuando se hace click en un botón.

[-Hercules-]

Hola,

Gracias por contestar ;)

Acabo de probar el método que me has propuesto pero sigue haciendo lo mismo. Es decir, funciona bien en todos los navegadores menos en el IE 7.0

[-Hercules-]

Pues sigo liado con el tema y no parece que encuentre solución. Lo raro que no encuentro a nadie con este problema.

He estado mirando de redimensionar manualmente el SELECT con alguna función JavaScript, pero no la acabo de encontrar. Es decir, que si la cadena que voy a insertar tiene 20 caracteres, que al insertarla dentro luego se redimensione y se pueda ver por completo.