Question

Is it possible to clear the contents of a html select object using JQuery? I have a function that gets a list to populate the select and appends it to the select, so I need some way of clearing the previous data before appending.

Answer 1

use .empty()

 $('select').empty().append('whatever');

you can also use .html() but note

When .html() is used to set an element’s content, any content that was in that
element is completely replaced by the new content. Consider the following HTML:

alternative: — If you want only option elements to-be-remove, use .remove()

$('select option').remove();