怎么在asp.net中利用DropDownList实现一个二级联动效果-创新互联

本篇文章为大家展示了怎么在asp.net中利用DropDownList实现一个二级联动效果，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

1.在.aspx页面中，拖入两个DroDownList控件。代码如下：

  新闻风格：
  
  


  新闻类型：
  /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("新闻动态"));
    DropDownList1.Items.Add(new ListItem("政务公开"));
    DropDownList1.Items.Add(new ListItem("网上办事"));
  }
  protected void DropdownList2()
  {
    switch (DropDownList1.SelectedValue)
    {
      case "新闻动态":
        DropDownList2.Items.Clear();
        DropDownList2.Items.Add(new ListItem("工作动态"));
        DropDownList2.Items.Add(new ListItem("公示公告"));
        DropDownList2.Items.Add(new ListItem("经济新闻"));
        DropDownList2.Items.Add(new ListItem("省内新闻"));
        DropDownList2.Items.Add(new ListItem("热点新闻"));
        break;
      case "政务公开":
        DropDownList2.Items.Clear();
        DropDownList2.Items.Add(new ListItem("领导班子"));
        DropDownList2.Items.Add(new ListItem("机构设置"));
        DropDownList2.Items.Add(new ListItem("计划规划"));
        break;
      case "网上办事":
        DropDownList2.Items.Clear();
        DropDownList2.Items.Add(new ListItem("岗位职责"));
        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实现地区二级联动，效果图如下：

1.在aspx页面中，拖入两个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
上述内容就是怎么在asp.net中利用DropDownList实现一个二级联动效果，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。
            

            分享标题：怎么在asp.net中利用DropDownList实现一个二级联动效果-创新互联            

            浏览路径：http://cdkjz.cn/article/csocig.html