Error al rellenar lista desplegable

[Koletta]

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.

 

[nullPointer]

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;

 

[Koletta]

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.

 

[DanielDeick]

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:

document.opcion.createElement("OPCION");

 

[nullPointer]

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:

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:

 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.
😉

 

[Koletta]

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: