Reinstall the dropdown list, how to clear the list of options and then refill?

Question

Re-populate the drop-down lists, how to clear the list of options and then refill?

When the event fires, I need to erase the current contents of the #users dropdown, and then refill it with ajax.

My ajax call returns HTML for the following parameters:

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

Answer 1

You can simply change the html of the select element using the data returned from your ajax call

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

so that it looks something like this:

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

Answer 2

you can use below

 $('#mySelect').empty() 

and then reformat the new data.

Answer 3

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

Answer 4

In the callback of your AJAX call, simply clear the contents of your select element and re-add the ones returned by the AJAX call.

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