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

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

周口ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:13518219792(备注:SSL证书合作)期待与您的合作!

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://pwwzsj.com/article/csocig.html