Come aggiungo un'opzione a un elenco a discesa usando jQuery?

Question

Sto cercando di utilizzare il seguente codice per aggiungere un'opzione a un elenco a discesa in ASP.NET. Qualche idea sul perché questo non funziona? Ho provato su Google ma non riesco a capire perché questo non funzionerà.

Che cosa fa il codice? Ho un elenco a discesa ASP.NET. Voglio accedere all'elenco a discesa per nome e aggiungere un elemento all'elenco. L'elemento dovrebbe avere il testo descrittivo di "Some Text" e un valore di "123".

Grazie!

$("#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

Si può provare

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

O

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

codice secondo frammento da questa domanda What is the best way to add options to a select from an array with jQuery?

Answer 3

Avete provato che 1) il vostro jquery è corretta e lavora in un file HTML flat e 2) che si sta utilizzando l'ID corretto: ASP.NET modifica gli ID in modo dinamico o n elementi che runat = "server", così si potrebbe desiderare di provare:

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

che ti porterà l'ID corretto dalla classe pagina ASP.NET.

Answer 4

Che cosa succede se si cambia a

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

Answer 5

Cercando di aggiungere opzioni a un elenco a discesa ASP.Net con il codice lato client è una cattiva idea. Introduce tutti i tipi di problemi di postback. Vedi this link per maggiori dettagli. Devi compilare il menu a discesa completamente lato client o attivare un postback parziale per riempire l'elenco.