Remove selected option jquery

Today, We want to share with you remove selected option jquery.In this post we will show you remove selected attribute option 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.

Remove selected option from drop down list with jQuery

There are lots of the ways to get the selected option of the select element with the help of :selected property:

$("select option:selected").remove();
 
$("select :selected").remove();
 
$(":selected", $("select")).remove();
 
$("select option").filter(":selected").remove();
 
$("select").children("option").filter(":selected").remove();
 
$("select").children("option:selected").remove();
 
$("select").find("option:selected").remove();

jquery remove option from select by value

$("#FIELDID option[value='X']").remove();

Example 2: html select box “combo box”

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

jquery

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

I hope you get an idea about unselect selected option jquery.
I would like to have feedback on my infinityknow.com 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.