In this article I will explain how to remove (delete) multiple selected items from the ASP.Net ListBox using jQuery.
 
Remove (Delete) multiple selected items from ASP.Net ListBox using jQuery
The following HTML Markup consists of an ASP.Net ListBox control and a Button.
When the Button is clicked, the jQuery click event handler is executed. Inside this event handler, all the selected options of ASP.Net ListBox control are removed (deleted).
<asp:ListBox ID="ListBox1" runat="server" Width="150" Height="60" SelectionMode="Multiple">
    <asp:ListItem Text="Mango" Value="1"></asp:ListItem>
    <asp:ListItem Text="Apple" Value="2"></asp:ListItem>
    <asp:ListItem Text="Banana" Value="3"></asp:ListItem>
    <asp:ListItem Text="Guava" Value="4"></asp:ListItem>
    <asp:ListItem Text="Pineapple" Value="5"></asp:ListItem>
    <asp:ListItem Text="Papaya" Value="6"></asp:ListItem>
    <asp:ListItem Text="Grapes" Value="7"></asp:ListItem>
</asp:ListBox>
<br />
<hr />
<asp:Button ID="btnDelete" Text="Delete" runat="server"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("[id*=btnDelete]").bind("click", function () {
            $("[id*=ListBox1] option:selected").remove();
            return false;
        });
    });
</script>
 
 
Screenshot
Remove (Delete) multiple selected items from ASP.Net ListBox using JavaScript and jQuery
 
 
Browser Compatibility

The above code has been tested in the following browsers.

Internet Explorer  FireFox  Chrome  Safari  Opera 

* All browser logos displayed above are property of their respective owners.

 
 
Demo
 
 
Downloads