Generar select dinámicamente

[sir_bowen]

Hola buenas,

estoy intentando generar un select dinámicamente, y quiero aplicarle la propiedad onChange, para que me ejecute cierta acción en el instante en que el usuario cambie la opción seleccionada. Mi problema es que no se añade el método onChange al select cuando se crea, porque cambio la opción y no me ejecuta nada... Y en Firefox, veo el HTML generado después de haberse creado el select, y no aparece el método onChange.

El código que pongo es este:

Código:

div = document.createElement("div");
div.id = "divCapaCampo";
divcc = document.getElementById("divCapasCampos");
select = document.createElement("select");
select.id = "getcapas";
select.onChange = "capasCampos()";
<!-- Aquí creo las opciones -->
div.appendChild(select);
divcc.appendChild(div);

¿Alguien tiene idea de cómo puedo arreglar esto?

Muchas gracias de antemano...

Saludos

[caricatos]

Hola:

En principio deberías ponerlo en minúsculas, y en la asignación no debes poner la pareja de paréntesis...

Otra forma de asignar es asignar desde la palabra reservada function...
select.onChange = function() {"capasCampos()";};

Otras formas de agregar eventos es con addEventListener/attachEvent, pero deberías discriminar al navegador.

Saludos

[sir_bowen]

Hola,

el método attachEvent veo que solo está en el DOM de IE. No pasa nada, meto una condición para detectar el navegador y ya está. Aquí si que me funciona. Pero en Firefox sigo sin conseguirlo . He intentado con function y con addEventListener y nada...

No lo entiendo...

[caricatos]

Hola:

Lo has probado así... :
select.onchange = capasCampos;

Saludos

[sir_bowen]

Vale, ya está solucionado

No me había fijado en la sintaxis y en el primer parámetro del addEventListener ponía onchange en lugar de únicamente change...

O sea que yastá...

Muchas gracias Caricatos

Hasta otra!!