Delete selected item from DropdownList / Select List Using JQuery

April 04, 2016 , , 0 Comments

In this article i will show you how to delete selected item from DropdownList/Select List Using JQuery. We all know that select/DropdownList contain option tag for value. So, the main logic behind the question is first to get the select list by using their id property then use option tag with selected attribute after that remove.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default10.aspx.cs" Inherits="Default10" %>

<!DOCTYPE html>

<html xmlns="">
<head runat="server">
    <script src="Scripts/jquery-1.10.2.js"></script>
    <script type="text/javascript" src=""></script>

        $(function () {
            $("#btdel").bind("click", function () {
                $("#fruitlist option:selected").remove();

    <form id="form1" runat="server">
    <select id="fruitlist">

        <option value="1">Mango</option>
        <option value="2">Apple</option>
        <option value="3">Orange</option>
        <option value="4">Grapes</option>

        <input type="button" id="btdel" value="Delete" />

Jacob Lefore

Some say he’s half man half fish, others say he’s more of a seventy/thirty split. Either way he’s a fishy bastard. Google