本篇文章為大家展示了怎么在asp.net中利用DropDownList實(shí)現(xiàn)一個(gè)二級(jí)聯(lián)動(dòng)效果，內(nèi)容簡明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

1.在.aspx頁面中，拖入兩個(gè)DroDownList控件。代碼如下：

  新聞風(fēng)格：
  
  


  新聞?lì)愋停?/td>
  /asp:DropDownList>
  

2.aspx.cs頁面中的代碼如下：

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Data.SqlClient;

public partial class release_News : System.Web.UI.Page
{
  protected void DropdownList1()
  {
    DropDownList1.Items.Add(new ListItem("新聞動(dòng)態(tài)"));
    DropDownList1.Items.Add(new ListItem("政務(wù)公開"));
    DropDownList1.Items.Add(new ListItem("網(wǎng)上辦事"));
  }
  protected void DropdownList2()
  {
    switch (DropDownList1.SelectedValue)
    {
      case "新聞動(dòng)態(tài)":
        DropDownList2.Items.Clear();
        DropDownList2.Items.Add(new ListItem("工作動(dòng)態(tài)"));
        DropDownList2.Items.Add(new ListItem("公示公告"));
        DropDownList2.Items.Add(new ListItem("經(jīng)濟(jì)新聞"));
        DropDownList2.Items.Add(new ListItem("省內(nèi)新聞"));
        DropDownList2.Items.Add(new ListItem("熱點(diǎn)新聞"));
        break;
      case "政務(wù)公開":
        DropDownList2.Items.Clear();
        DropDownList2.Items.Add(new ListItem("領(lǐng)導(dǎo)班子"));
        DropDownList2.Items.Add(new ListItem("機(jī)構(gòu)設(shè)置"));
        DropDownList2.Items.Add(new ListItem("計(jì)劃規(guī)劃"));
        break;
      case "網(wǎng)上辦事":
        DropDownList2.Items.Clear();
        DropDownList2.Items.Add(new ListItem("崗位職責(zé)"));
        DropDownList2.Items.Add(new ListItem("辦事流程"));
        break;
    }
  }
  protected void Page_Load(object sender, EventArgs e)
  {
     if (!IsPostBack)
    {
      DropdownList1();
      DropdownList2();
    }
  }
  protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
  {
    DropdownList2();
  }
}

使用DroDownList和js實(shí)現(xiàn)地區(qū)二級(jí)聯(lián)動(dòng)，效果圖如下：

1.在aspx頁面中，拖入兩個(gè)DroDownList控件，代碼如下：

  
  
  setup()

2.er.js代碼如下：

function Dsy() 
{ 
this.Items = {}; 
} 
Dsy.prototype.add = function(id,iArray) 
{ 
this.Items[id] = iArray; 
} 
Dsy.prototype.Exists = function(id) 
{ 
if(typeof(this.Items[id]) == "undefined") return false; 
return true; 
}

function change(v){ 
var str="0"; 
for(i=0;i0 || !v) 
{ 
if(dsy.Exists(str)){ 
ar = dsy.Items[str]; 
for(i=0;i
上述內(nèi)容就是怎么在asp.net中利用DropDownList實(shí)現(xiàn)一個(gè)二級(jí)聯(lián)動(dòng)效果，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
            

            網(wǎng)站題目：怎么在asp.net中利用DropDownList實(shí)現(xiàn)一個(gè)二級(jí)聯(lián)動(dòng)效果-創(chuàng)新互聯(lián)            

            URL地址：http://weahome.cn/article/csocig.html