Get Multiselect DropDownList value from multiple DropDownList selection in ASP.Net

Hi indusuma,

I have modified your code please go through it.

HTML

<form id="form1" runat="server">
<div>
    <div class="col-md-4">
        <div class="form-group form-group-sm">
            <label class="col-sm-4 control-label">
                Project Approved By:</label>
            <div class="col-sm-8">
                <asp:DropDownList ID="ddlApprovedby" class="country" runat="server" ClientIDMode="Static">
                    <asp:ListItem>--Select Approver--</asp:ListItem>
                    <asp:ListItem>SHLCC</asp:ListItem>
                    <asp:ListItem>SLSWCC</asp:ListItem>
                    <asp:ListItem>DLSWCC</asp:ListItem>
                </asp:DropDownList>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group form-group-sm">
            <label class="col-sm-4 control-label">
                Reservation:</label>
            <div class="col-sm-8">
                <asp:DropDownList ID="ddlreservation" class="country" runat="server" ClientIDMode="Static">
                    <asp:ListItem>--Select Reservation--</asp:ListItem>
                    <asp:ListItem>General</asp:ListItem>
                    <asp:ListItem>SC/ST</asp:ListItem>
                    <asp:ListItem>Women</asp:ListItem>
                    <asp:ListItem>Physically Challenged</asp:ListItem>
                    <asp:ListItem>Minorities</asp:ListItem>
                    <asp:ListItem>OBC</asp:ListItem>
                </asp:DropDownList>
            </div>
        </div>
    </div>
    <asp:Button ID="Button2" runat="server" Text="Button2" ClientIDMode="Static" />
    <br/>    
    <asp:Label ID="lblSelectedItems" runat="server" />
</div>
<div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#Button2').on('click', function (e) {
                e.preventDefault();
                var countries = [];
                var i = 0;
                $.each($(".country option:selected"), function () {

                    if ($(".country option:selected")[i].index != "0") {
                        i++;
                        countries.push($(this).text());
                    }
                });
                $('[id*=lblSelectedItems]').html(countries.join("<br/>"));
            });
        });
    </script>
</div>
</form>