I like to make grouping items for my dropdown list, I have found below code in the net but it does not do grouping, it does not add 'LessThanFifty' and 'GreaterThanFifty' to my dropdown list. It seems script does not work.
Actually before when I was using opera as a default browser was working. Now even with that does not work.
Please help.
<%@ 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 id="Head1" runat="server">
<title>Ashish Blog</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//Create groups for dropdown list
$("select#DropDownList1 option[classification='LessThanFifty']").wrapAll("<optgroup label='Less than fifty'>");
$("select#DropDownList1 option[classification='GreaterThanFifty']").wrapAll("<optgroup label='Greater than fifty'>");
$("select#DropDown1 option[selected]").removeAttr("selected").attr("selected", "selected");
});
</script>
</head>
<body>
<form id="form1" runat="server">
<h1>
ASP.NET DropdownList with group</h1>
<div>
<asp:DropDownList ID="DropDownList1" runat="server" Width="200px"
ondatabound="DropDownList1_DataBound">
</asp:DropDownList>
</div>
</form>
</body>
</html>public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
DataTable table = new DataTable();
table.Columns.Add("ID", typeof(int));
table.Columns.Add("Number", typeof(int));
//
// Here we add five DataRows.
//
table.Rows.Add(1, 57);
table.Rows.Add(2, 23);
table.Rows.Add(3, 99);
table.Rows.Add(4, 8);
table.Rows.Add(5, 74);
DropDownList1.DataSource = table;
DropDownList1.DataValueField = "ID";
DropDownList1.DataTextField = "Number";
DropDownList1.DataBind();
}
}
protected void DropDownList1_DataBound(object sender, EventArgs e)
{
foreach (ListItem item in ((DropDownList)sender).Items)
{
if (System.Int32.Parse(item.Text) < 50)
item.Attributes.Add("classification", "LessThanFifty");
else
item.Attributes.Add("classification", "GreaterThanFifty");
}
}
}