¿Agregar opciones a un <select> usando jQuery?
¿Cuál es la forma más sencilla de agregar un optionmenú desplegable usando jQuery?
esto funcionara?
$("#mySelect").append('<option value=1>My option</option>');
Aceptado
Personalmente, prefiero esta sintaxis para agregar opciones:
$('#mySelect').append($('<option>', {
value: 1,
text: 'My option'
}));
Si está agregando opciones de una colección de elementos, puede hacer lo siguiente:
$.each(items, function (i, item) {
$('#mySelect').append($('<option>', {
value: item.value,
text : item.text
}));
});
Esto NO funcionó en IE8 (todavía funcionó en FF):
$("#selectList").append(new Option("option text", "value"));
Esto funcionó:
var o = new Option("option text", "value");
/// jquerify the DOM object 'o' so we can use the html method
$(o).html("option text");
$("#selectList").append(o);
