Riempi le opzioni dell'elenco a discesa, come cancellare l'elenco delle opzioni e quindi riutilizzare?

Question

Riempi le opzioni dell'elenco a discesa, come cancellare l'elenco di opzioni e quindi riutilizzare?

Quando un evento si attiva, è necessario eliminare il contenuto corrente dell'elenco a discesa #users e quindi riutilizzarlo tramite ajax.

mia chiamata AJAX sta tornando il codice HTML per le opzioni come:

<option name=blah1>text1</option> 
<option name=blah2>text2</option> 
<option name=blah3>text3</option> 

Answer 1

Si può solo cambiare il html dell'elemento select utilizzando i dati restituiti dalla chiamata AJAX

$("#users").html(data); 

così sarebbe simile a questa:

$.ajax({ 
    type: "POST", 
    url: url, 
    data: data, 
    success: : function(data) { 
     $("#users").html(data); 
    } 
    dataType: "HTML" 
}); 

Answer 2

è possibile u vedere sotto

$('#mySelect').empty() 

e quindi riassociare i nuovi dati.

Answer 3

Nella richiamata della chiamata AJAX, è sufficiente cancellare il contenuto dell'elemento selezionato e riaggiungere quelli restituiti dalla chiamata AJAX.

function(ajaxResult) { 
    $('#users').html(ajaxResult); 
} 

Answer 4

function(ajaxResult) { 
    $('#users').html(""); //clear old options 
    $('#users').html(ajaxResult); 
}