กล่องรายการแบบหล่นลงสลับกันสามสี

ดังแสดงในรูปด้านล่าง กล่องแบบเลื่อนลงที่มีสีสลับกันสามสีจะปรากฏขึ้น

วิธีการดำเนินการ:
1. ใช้ตัวควบคุม System.Web.UI.HtmlControls และเรียกใช้เป็นตัวควบคุมเซิร์ฟเวอร์
2. ผูกข้อมูลเข้ากับตัวควบคุมที่เลือกนี้ในเบื้องหลัง
3. จากนั้นเรียกใช้ฟังก์ชันที่คุณเขียนเพื่อระบุสีสำหรับแต่ละรายการ
รหัสการใช้งาน (ส่วนการใช้งานหลัก):
แผนกต้อนรับ (WebForm1.aspx):
<SELECT id="Select1" style="WIDTH: 300px" name="Select1" runat="เซิร์ฟเวอร์">
<OPTION เลือกแล้ว</OPTION>
</เลือก>
แบ็กเอนด์ (WebForm1.aspx.cs):
โมฆะส่วนตัว Page_Load (ผู้ส่งวัตถุ System.EventArgs e)
-
ถ้า(!IsPostBack)
-
SqlConnection cnn = SqlConnection ใหม่ ();
cnn.ConnectionString = "แหล่งข้อมูล=localhost;แคตตาล็อกเริ่มต้น=Northwind;รหัสผ่าน=;"
+"คงข้อมูลความปลอดภัย=True;user id=sa;workstation id=APJ062;packet size=4096";
string sqlstr = "เลือก CustomerID 10 อันดับแรก ชื่อบริษัทจากลูกค้า";
cnn.เปิด();
โฆษณา SqlDataAdapter = SqlDataAdapter ใหม่ (sqlstr,cnn);
DataTable dt = DataTable ใหม่ ();
โฆษณาเติม(dt);
Select1.DataSource = dt;
Select1.DataTextField = "ชื่อบริษัท";
Select1.DataValueField = "รหัสลูกค้า";
Select1.DataBind();
BindSelectColor (เลือก 1);
-
-
//เพิ่มสไตล์ให้กับรายการของตัวควบคุมที่เลือก
เป็นโมฆะ BindSelectColor (เลือก HtmlSelect)
-
จำนวน int = 0;
สตริง styleString = "";
สำหรับ (int i = 0; i < select.Items.Count; i ++ )
-
หมายเลข = ฉัน % 3;
สวิตช์ (หมายเลข)
-
กรณีที่ 0:
-
styleString = "สี: #000099; สีพื้นหลัง: #F4FAFF";
หยุดพัก;
-
กรณีที่ 1:
-
styleString = "สี: #990000; สีพื้นหลัง: #FFFAFB";
หยุดพัก;
-
กรณีที่ 2:
-
styleString = "COLOR: #009900; สีพื้นหลัง: #F4FFFA";
หยุดพัก;
-
-
select.Items[i].Attributes.Add("สไตล์",styleString);
-
-