ASP.NET程序实现三色交替的下拉列表框作者:Tecsun

最新推荐文章于 2026-06-17 20:56:56 发布

转载最新推荐文章于 2026-06-17 20:56:56 发布 · 752 阅读

标签

#asp.net #webform #string #security #object

vs.net 2003 2005 同时被 2 个专栏收录

29 篇文章

订阅专栏

ASP.NET 专区

29 篇文章

订阅专栏

本文介绍如何在ASP.NET WebForm中实现一个带有三种颜色交替显示的下拉框。通过使用HtmlSelect控件并结合数据库查询填充下拉框选项，最后利用自定义函数为每个选项设置不同的背景色与文字颜色。

如下图所示，显示三种颜色交替的下拉框。

实现方法：
  1．使用System.Web.UI.HtmlControls控件，把它作为服务器控件运行。
  2．在后台为这个select控件绑定数据。
  3．再调用一个自己写的函数为它的没个项目指定颜色。
  实现代码（主要实现部分）：
  前台（WebForm1.aspx）：
  <Select id="Select1" style="WIDTH: 300px" name="Select1" runat="server">
  <OPTION selected></OPTION>
  </Select>
  后台（WebForm1.aspx.cs）：
  private void Page_Load(object sender, System.EventArgs e)
  {
  if(!IsPostBack)
  {
  SqlConnection cnn = new SqlConnection();
  cnn.ConnectionString = "data source=localhost;initial catalog=Northwind;password=;"
  +"persist security info=True;user id=sa;workstation id=APJ062;packet size=4096";
  string sqlstr = "select Top 10 CustomerID, CompanyName from Customers";
  cnn.Open();
  SqlDataAdapter ad = new SqlDataAdapter(sqlstr,cnn);
  DataTable dt = new DataTable();
  ad.Fill(dt);
  Select1.DataSource = dt;
  Select1.DataTextField = "CompanyName";
  Select1.DataValueField = "CustomerID";
  Select1.DataBind();
  BindSelectColor(Select1);
  }
  }
  //为select控件的项目添加样式
  void BindSelectColor(HtmlSelect select)
  {
  int num = 0;
  string styleString = "";
  for(int i = 0 ; i < select.Items.Count; i ++ )
  {
  num = i % 3;
  switch(num)
  {
  case 0:
  {
  styleString = "COLOR: #000099; BACKGROUND-COLOR: #F4FAFF";
  break;
  }
  case 1:
  {
  styleString = "COLOR: #990000; BACKGROUND-COLOR: #FFFAFB";
  break;
  }
  case 2:
  {
  styleString = "COLOR: #009900; BACKGROUND-COLOR: #F4FFFA";
  break;
  }
  }
  select.Items[i].Attributes.Add("style",styleString);
  }
  }