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

You have a html select box “combo box”  

<select id="selectBox">

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


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

$('#selectBox').empty().append('<option>New Option</option>');

This will add the New Option to the select box.

Image Credits: Photo by Isis França on Unsplash.

More Similar Posts

No results found.