Rajesh Kamalakshan: November 2010

Thursday, November 18, 2010

How to store more than one value in a asp.net dropdown using attributes?

The below code will help you to store an additional value in the dropdown and access it using JavaScript, Using the below logic you can also store more value in different attributes in the same list.

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <script language="javascript" type="text/javascript">
        function Onchange() {
            var DropDown = document.getElementById('<%=DropDownList1.ClientID%>');
            var IndexValue = document.getElementById('<%=DropDownList1.ClientID%>').selectedIndex;
            alert("Value:" + DropDown.options[IndexValue].value + "   Qty:" + DropDown.options[IndexValue].Qty);
        }
    </script>
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                ListItem lst;
                lst = new ListItem();
                lst.Value = "1";
                lst.Text = "a";
                lst.Attributes.Add("Qty", "11");
                DropDownList1.Items.Add(lst);
                lst = new ListItem();
                lst.Value = "2";
                lst.Text = "b";
                lst.Attributes.Add("Qty", "22");
                DropDownList1.Items.Add(lst);
                DropDownList1.Attributes.Add("onchange", "return Onchange()");
                DropDownList1.DataBind();
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True">
    </asp:DropDownList>
     <div>
    </div>
</form>
</body>
</html>