¿Cómo agrego una opción a una lista desplegable usando jQuery?

Question

Estoy tratando de usar el siguiente código para agregar una opción a una lista desplegable en ASP.NET. ¿Alguna idea de por qué esto no funciona? Intenté Googlear pero no entiendo por qué esto no funcionará.

¿Qué debe hacer el código? Tengo una lista desplegable de ASP.NET. Deseo acceder a la lista desplegable por nombre y agregar un elemento a la lista. El elemento debe tener un texto descriptivo de "Some Text" y un valor de "123".

Gracias!

$("#ddlCategory").append($("<option>Some Text</option>").val(1).html("123")); 

Answer 1

var newOption = "<option value='"+"1"+"'>Some Text</option>"; 
$("#ddlCategory").append(newOption); 

Answer 2

Usted puede intentar

$("#ddlCategory").append($("<option value='123'>Some Text</option>"); 

O

$('#ddlCategory'). 
     append($("<option></option>"). 
     attr("value", "123"). 
     text("Some Text")); 

segundo fragmento de código a partir de esta pregunta What is the best way to add options to a select from an array with jQuery?

Answer 3

¿Ha probado que 1) el jQuery es correcta y funciona de una archivo HTML plano y 2) que está utilizando el Id. correcto - ASP.NET cambia Ids dinámicamente o n elementos que runat = "server", por lo que podría intentar:

$('#<%=ddlCategory.ClientID%>').append(...etc etc 

que les permite conocer la identificación correcta de la clase de página ASP.NET.

Answer 4

¿Qué pasa si lo cambia a

$("#ddlCategory").append($("<option></option>").attr("value", "1").text("Some Text")); 

Answer 5

Tratar de añadir opciones de una lista desplegable con ASP.Net código de cliente es una mala idea. Introduce todo tipo de problemas de devolución de datos. Ver this link para más detalles. Debe completar el menú desplegable completamente del lado del cliente o activar una devolución de datos parcial para completar la lista.