三色交替的下拉列表框

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

    实现方法:

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);

         }

     }

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值