Añadir opciones a un <select< usando jQuery?

¿Cuál es la forma más fácil de añadir una "opción" a un menú desplegable utilizando jQuery?

¿Funcionará?

$("#mySelect").append('<option value=1>My option</option>');

Si el nombre o el valor de la opción son dinámicos, no querrá preocuparse de escapar caracteres especiales en ellos; en este caso podría preferir métodos DOM simples:

var s= document.getElementById('mySelect');
s.options[s.options.length]= new Option('My option', '1');
Comentarios (3)

Eso funciona bien.

Si se añade más de un elemento de opción, yo recomendaría realizar el apéndice una vez en lugar de realizar un apéndice en cada elemento.

Comentarios (0)

por alguna razón hacer $("#myselect").append(new Option("text", "text")); no me funciona en IE7+

He tenido que usar $("#myselect").html("texto");

Comentarios (1)