tag - Crear dinámicamente elementos de opción en Javascript.

title javascript

Question

¿Cuál es la forma preferida en Javascript para crear dinámicamente elementos de opción DOM? He encontrado tanto el constructor de opciones como la variante createElement utilizada en el código real como este:

var option = new Option(text, value);

y esto:

var option = document.createElement(''option'');
option.text = text;
option.value = value;

¿Hay algún inconveniente / problemas de compatibilidad con alguno de esos métodos? Además, ¿existen otros métodos para crear opciones dinámicamente que deban preferirse a los anteriores por alguna razón?

Answer 1

No hay diferencias entre los dos métodos que conozco. El uso del constructor de Option permite establecer convenientemente el valor y el texto de la opción, pero puede hacer lo mismo utilizando las propiedades de value y text .

Pudo haber existido la forma innerHTML , pero IE8 y anteriores fallan mucho en esto ...

Answer 2

Noté, por ejemplo, que el uso de la nueva Opción () no funciona bien en IE9 donde funciona en IE10 e IE11. Hace poco volví al código original y revertí el cambio que alguien hizo para volver a usar document.createElement (''opción'') para que IE9 funcione.