¿Cómo puedo insertar un <option> en un elemento mutiple <select> usando jQuery?

Question

¿Cómo puedo insertar un <option> en un elemento <select> (múltiple) usando jQuery?

(no quiero usar seleccione aquí. Quiero usar el ID del elemento para que pueda utilizar la misma función para varios elementos.)

Gracias.

Answer 1

$('#elementsID').append('<option>my new option</option>'); 

ACTUALIZACIÓN

para insertar después de la opción que lolks como <option value="value1">option with value1</option> uso:

var newOption = $('<option value="newOpt">my new option</option>'); 
newOption.insertAfter('#elementsID option[value="value1"]'); 

Answer 2

Parece que desea utilizar append. Ejemplo:

var myOption = $("<option value='Option X'>X</option>"); 
$("#selectId").append(myOption); 

Si desea insertar elementos en entre uno y otro, puede utilizar insertBefore o insertAfter:

myOption.insertAfter("$#idOfItemIWantToInsertAfter"); 

Answer 3

Para anexar una opción:

$('#colors').append('<option>red</option>'); 

Para inserte una opción antes o después de otra opción:

$('<option>blue</option>').insertBefore("#colors option:contains('red')"); 
$('<option>yellow</option>').insertAfter("#colors option:contains('blue')"); 

Para reemplazar una opción con otra opción:

$("#colors option:contains('blue')").replaceWith("<option>pink</option>"); 

Para reemplazar todas las opciones:

$('#colors') 
    .html("<option>green</option>" + 
     "<option>orange</option>" + 
     "<option>violet</option>");