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

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

Answer:

You have a html select box "combo box" 

 
<select id="selectBox">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
 

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

 
$('#selectBox').empty();

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>');

• Add New Search
• Comments

Write comment

Your Contact Details:

Name:

Email: do not notifynotify

Comment:

Title:

UBBCode:         -color-aquablackbluefuchsiagraygreenlimemaroonnavyolivepurpleredsilvertealwhiteyellow -size-tinysmallmediumlargehuge

Message:

Security

Please input the anti-spam code that you can read in the image.