Question: How to remove all options within a Html select box using JQuery?



You have a html select box "combo box

View source
<select id="selectBox">

 In order to remove all items using JQuery use the JQuery empty function

View source

Replace selectBox with the relevant id for the select box


If you wish to empty the select box and add a single option to the select box, use JQuery's append function together with the empty function

View source
$('#selectBox').empty().append('<option>New Option</option>');
This will add the New Option to the select box.