Error al rellenar lista desplegable

Koletta Seguir

Dseda
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
10 Dic 2012
Mensajes
1.128
Buenas noches Betas,

Tengo un error que llevas unos días dándome dolor de cabeza. He buscado en el foro y en Google y no he sido capaz de encontrar la solución.

La cuestión es que tengo dos listas desplegables que deben rellenarse dinámicamente con los datos de MySQL. La primera lista es sencillo. Recupero los datos y hago un bucle para que genere el código. Mi problema viene con la segunda y en la función javascript que crea los elementos OPTION de la lista. Los datos son recuperados correctamente mediante PHP y MySQL pero a la hora de acceder a document para crear el OPTION me da el siguiente error:
Uncaught TypeError: Cannot read property 'document' of undefined

Le he dado mil vueltas y no se que es. Soy relativamente nuevo en JavaScript y tal vez sea un fallo tonto pero no soy capaz de corregirlo. Es como si no existiese el 'document' o algo así.

¿Alguien me puede echar una mano? Muchas gracias desde ya.

:encouragement:

PS: Os adjunto el error que me muestra Chrome.
 

Adjuntos

  • Error JavaScript.jpg
    Error JavaScript.jpg
    54,8 KB · Visitas: 85

nullPointer

Beta
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
24 May 2014
Mensajes
45
Hola Koletta,

Revisa la propiedad disabled, porque por lo que veo no la tienes bien puesta:

document.forms.frmDatos.selCiudades.disabled = true;
document.forms.frmDatos.selPropiedades.disabled = true;
 
Última edición:

Koletta

Dseda
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
10 Dic 2012
Mensajes
1.128
Hola Koletta,

Revisa la propiedad disabled, porque por lo que veo no la tienes bien puesta:

document.forms.frmDatos.selCiudades.disabled = true;
document.forms.frmDatos.selPropiedades.disabled = true;

Hola [MENTION=109690]nullPointer[/MENTION],
Muchas gracias por la ayuda aunque el error no ha variado. Sigue saliendo exactamente el mismo. ¿Alguna idea más? (la llamada a la función, los parámetros, html...) Puede pasarte lo que necesites ver.
Error JavaScript 2.jpg
 

DanielDeick

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Jun 2014
Mensajes
40
arriba de la linea donde te está marcando el error te está diciendo que no ah podido leer la propiedad de documento por que no esta definida, intenta cambiar a:

Insertar CODE, HTML o PHP:
document.opcion.createElement("OPCION");
 

nullPointer

Beta
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
24 May 2014
Mensajes
45
arriba de la linea donde te está marcando el error te está diciendo que no ah podido leer la propiedad de documento por que no esta definida, intenta cambiar a:

Insertar CODE, HTML o PHP:
document.opcion.createElement("OPCION");

Como bien dice DanielDeick , el problema está en que a la variable opcion no le has asignado ningún valor, por lo tanto no reconoce las propiedades. Prueba con lo siguiente:
Insertar CODE, HTML o PHP:
 var opcion = document.createElement('option');
     opcion.text = '1';
     opcion.value = 1;
 document.forms.frmDatos.selPropiedades.add(opcion);

Te dejo un ejemplo en funcionamiento partiendo de tu código:
- Select dinámico

Un saludo.
;)
 
Última edición:

Koletta

Dseda
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
10 Dic 2012
Mensajes
1.128
DanielDeick
nullPointer

Muchas gracias a los dos, he podido resolver ese error y luego me devolvía otro que he conseguido solucionar gracias a vuestra ayuda.

Funciona perfectamente y rellena la segunda lista con los elementos correctos.

¡Que liberación!:encouragement:
 
Arriba