¿Cómo crear opciones de un elemento seleccionado dinámicamente usando jquery?

Question

Necesito crear opciones de un elemento de selección dinámicamente a través de una llamada ajax. La cantidad de opciones y su contenido variarán. Se trata de cómo se ve antes de la llamada AJAX:

<select name="groupid" style="width:100%;"> 
<option value="0" selected>(Please select an option)</option> 
</select> 

Aquí está uno de mis intentos de crear un elemento de opción con un valor ficticio:

$("<option></option>", {value: "999"}).appendTo('.select-group'); 

Pero añade fuera de la selección. Tampoco sé cómo configurar el texto dentro.

¿Alguna idea? He visto algunas preguntas sobre cómo completar formularios de selección existentes con un número estático de opciones existentes, pero no uno como este.

Gracias.

Answer 1

¿Dónde está .select-group? Si utiliza ID de #groupid entonces esto debería funcionar bien ...

$('<option>').val('999').text('999').appendTo('#groupid'); 

Answer 2

Si he entendido bien, a continuación es lo que necesita,

$("<option></option>", 
    {value: "999", text: "Nine Ninety Nine"}) 
    .appendTo('.select-group'); 

DEMO

disponibles .select-group es el selector para el <select></select>

Answer 3

Aquí está la solución ..

$('#yourSelectBoxId').append(new Option('optionName', 'optionValue')); 

Answer 4

Esto funcionó para mí:

$('#chat_list').append(new Option(this.subject, this.key_remote_jid));

Answer 5

Aquí es solución alternativa. esto funcionó para mí.

$('#yourSelectBoxId').append("<option value='Saab'>Saab</option>");