remove all options from select jquery


Today, We want to share with you remove all options from select jquery.In this post we will show you Removing an item from a select box using jQuery, hear for How to remove all options within a Html select box using JQuery? we will give you demo and example for implement.In this post, we will learn about JQuery Remove Combobox Items(Options) From DropDownList with an example.

how to add / remove dropdown dynamically with jquery?

here simple example for delete all the options of a select box and then add one option and select it with jQuery.

Read Also:  Simple DateTime range with two inputs Example

Example 1: index.html

<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Welcome -</title>
<link rel="stylesheet" href="//">
<script src=""></script>
<script src=""></script>
  <select id="demo">
    <option value="Mp3Goo">Mp3Goo</option>
    <option value="Khatrimaza">Khatrimaza</option>
    .append('<option value="Tamilrokers">Tamilrokers</option>')

Remove From Select Drop Down

Example 2:

$("#liveproduct option[value='option1']").remove();

Remove All Options Except The First

Example 3:


Free Live Chat for Any Issue

I hope you get an idea about jquery remove all options from select except selected.
I would like to have feedback on my blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.

Read Also:  JQuery Remove combobox items(options) from DropDownList

How useful was this post?

Click on a star to rate it!