asp.net DropDownList實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)效果
最近在做新聞發(fā)布系統(tǒng)的時(shí)候,用到了二級(jí)聯(lián)動(dòng),我把使用方法記錄下來,以便日后查閱以及幫助新手朋友們。下面是效果圖:
下面來講解一下實(shí)現(xiàn)的方法:
1.在.aspx頁(yè)面中,拖入兩個(gè)DroDownList控件。代碼如下:
<tr> <td>新聞風(fēng)格:</td> <td><asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True"onselectedindexchanged="DropDownList1_SelectedIndexChanged" ></asp:DropDownList> </td> </tr> <tr> <td>新聞?lì)愋停?lt;/td> <td><asp:DropDownList ID="DropDownList2" runat="server">/asp:DropDownList> </td> </tr>
2.aspx.cs頁(yè)面中的代碼如下:
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頁(yè)面中,拖入兩個(gè)DroDownList控件,代碼如下:
<div> <asp:DropDownList ID="s1" runat="server"></asp:DropDownList> <asp:DropDownList ID="s2" runat="server"></asp:DropDownList> <script language="javascript" type="text/javascript" src="er.js></script> <script language="javascript" type="text/javascript">setup()</script> </div>
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;i<v;i++){ str+=("_"+(document.getElementById(s[i]).selectedIndex-1));}; var ss=document.getElementById(s[v]); with(ss){ length = 0; options[0]=new Option(opt0[v],opt0[v]); if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v) { if(dsy.Exists(str)){ ar = dsy.Items[str]; for(i=0;i<ar.length;i++)options[length]=new Option(ar[i],ar[i]); if(v)options[1].selected = true; } } if(++v<s.length){change(v);} } } var dsy = new Dsy(); dsy.add("0",["北京市","天津市","河北省","山西省","內(nèi)蒙古自治區(qū)","遼寧省","吉林省","黑龍江省","上海市","江蘇省","浙江省","安徽省","福建省","江西省","山東省","河南省","湖北省","湖南省","廣東省","廣西自治區(qū)","海南省","重慶市","四川省","貴州省","云南省","西藏自治區(qū)","陜西省","甘肅省","青海省","寧夏回族自治區(qū)","新疆維吾爾自治區(qū)","香港特別行政區(qū)","澳門特別行政區(qū)","臺(tái)灣省","其它"]); dsy.add("0_0",["北京","東城區(qū)","西城區(qū)","崇文區(qū)","宣武區(qū)","朝陽(yáng)區(qū)","豐臺(tái)區(qū)","石景山區(qū)"," 海淀區(qū)(中關(guān)村)","門頭溝區(qū)","房山區(qū)","通州區(qū)","順義區(qū)","昌平區(qū)","大興區(qū)","懷柔區(qū)","平谷區(qū)","密云縣","延慶縣","其他"]); dsy.add("0_1",["和平區(qū)","河?xùn)|區(qū)","河西區(qū)","河北區(qū)","南開區(qū)","紅橋區(qū)","塘沽區(qū)","漢沽區(qū)","大港區(qū)","西青區(qū)","津南區(qū)","武清區(qū)","薊縣","寧河縣","靜??h","其他"]); dsy.add("0_2",["石家莊市","張家口市","承德市","秦皇島市","唐山市","廊坊市","衡水市","滄州市","邢臺(tái)市","邯鄲市","保定市","其他"]); dsy.add("0_3",["太原市","朔州市","大同市","長(zhǎng)治市","晉城市","忻州市","晉中市","臨汾市","呂梁市","運(yùn)城市","其他"]); dsy.add("0_4",["呼和浩特市","包頭市","赤峰市","呼倫貝爾市","鄂爾多斯市","烏蘭察布市","巴彥淖爾市","興安盟","阿拉善盟","錫林郭勒盟","其他"]); dsy.add("0_5",["沈陽(yáng)市","朝陽(yáng)市","阜新市","鐵嶺市","撫順市","丹東市","本溪市","遼陽(yáng)市","鞍山市","大連市","營(yíng)口市","盤錦市","錦州市","葫蘆島市","其他"]); dsy.add("0_6",["長(zhǎng)春市","白城市","吉林市","四平市","遼源市","通化市","白山市","延邊朝鮮族自治州","其他"]); dsy.add("0_7",["哈爾濱市","七臺(tái)河市","黑河市","大慶市","齊齊哈爾市","伊春市","佳木斯市","雙鴨山市","雞西市","大興安嶺地區(qū)(加格達(dá)奇)","牡丹江","鶴崗市","綏化市 ","其他"]); dsy.add("0_8",["黃浦區(qū)","盧灣區(qū)","徐匯區(qū)","長(zhǎng)寧區(qū)","靜安區(qū)","普陀區(qū)","閘北區(qū)","虹口區(qū)","楊浦區(qū)","閔行區(qū)","寶山區(qū)","嘉定區(qū)","浦東新區(qū)","金山區(qū)","松江區(qū)","青浦區(qū)","南匯區(qū)","奉賢區(qū)","崇明縣","其他"]); dsy.add("0_9",["南京市","徐州市","連云港市","宿遷市","淮安市","鹽城市","揚(yáng)州市","泰州市","南通市","鎮(zhèn)江市","常州市","無錫市","蘇州市","其他"]); dsy.add("0_10",["杭州市","湖州市","嘉興市","舟山市","寧波市","紹興市","衢州市","金華市","臺(tái)州市","溫州市","麗水市","其他"]); dsy.add("0_11",["合肥市","宿州市","淮北市","亳州市","阜陽(yáng)市","蚌埠市","淮南市","滁州市","馬鞍山市","蕪湖市","銅陵市","安慶市","黃山市","六安市","巢湖市","池州市","宣城市","其他"]); dsy.add("0_12",["福州市","南平市","莆田市","三明市","泉州市","廈門市","漳州市","龍巖市","寧德市","其他"]); dsy.add("0_13",["南昌市","九江市","景德鎮(zhèn)市","鷹潭市","新余市","萍鄉(xiāng)市","贛州市","上饒市","撫州市","宜春市","吉安市","其他"]); dsy.add("0_14",["濟(jì)南市","聊城市","德州市","東營(yíng)市","淄博市","濰坊市","煙臺(tái)市","威海市","青島市","日照市","臨沂市","棗莊市","濟(jì)寧市","泰安市","萊蕪市","濱州市","菏澤市","其他"]); dsy.add("0_15",["鄭州市","三門峽市","洛陽(yáng)市","焦作市","新鄉(xiāng)市","鶴壁市","安陽(yáng)市","濮陽(yáng)市","開封市","商丘市","許昌市","漯河市","平頂山市","南陽(yáng)市","信陽(yáng)市","周口市","駐馬店市","其他"]); dsy.add("0_16",["武漢市","十堰市","襄樊市","荊門市","孝感市","黃岡市","鄂州市","黃石市","咸寧市","荊州市","宜昌市","隨州市","恩施土家族苗族自治州","仙桃市","天門市","潛江市","神農(nóng)架林區(qū)","其他"]); dsy.add("0_17",["長(zhǎng)沙市","張家界市","常德市","益陽(yáng)市","岳陽(yáng)市","株洲市","湘潭市","衡陽(yáng)市","郴州市","永州市","邵陽(yáng)市","懷化市","婁底市","湘西土家族苗族自治州","其他"]); dsy.add("0_18",["廣州市","清遠(yuǎn)市市","韶關(guān)市","河源市","梅州市","潮州市","汕頭市","揭陽(yáng)市","汕尾市","惠州市","東莞市","深圳市","珠海市","中山市","江門市","佛山市","肇慶市","云浮市","陽(yáng)江市","茂名市","湛江市","其他"]); dsy.add("0_19",["南寧市","桂林市","柳州市","梧州市","貴港市","玉林市","欽州市","北海市","防城港市","崇左市","百色市","河池市","來賓市","賀州市","其他"]); dsy.add("0_20",["海口市","三亞市","其他"]); dsy.add("0_21",["渝中區(qū)","大渡口區(qū)","江北區(qū)","沙坪壩區(qū)","九龍坡區(qū)","南岸區(qū)","北碚區(qū)","萬盛區(qū)","雙橋區(qū)","渝北區(qū)","巴南區(qū)","萬州區(qū)","涪陵區(qū)","黔江區(qū)","長(zhǎng)壽區(qū)","合川市","永川市","江津市","南川市","綦江縣","潼南縣","銅梁縣","大足縣","璧山縣","墊江縣","武隆縣","豐都縣","城口縣","開縣","巫溪縣","巫山縣","奉節(jié)縣","云陽(yáng)縣","忠縣","石柱土家族自治縣","彭水苗族土家族自治縣","酉陽(yáng)土家族苗族自治縣","秀山土家族苗族自治縣","其他"]); dsy.add("0_22",["成都市","廣元市","綿陽(yáng)市","德陽(yáng)市","南充市","廣安市","遂寧市","內(nèi)江市","樂山市","自貢市","瀘州市","宜賓市","攀枝花市","巴中市","資陽(yáng)市","眉山市","雅安","阿壩藏族羌族自治州","甘孜藏族自治州","涼山彝族自治州縣","其他"]); dsy.add("0_23",["貴陽(yáng)市","六盤水市","遵義市","安順市","畢節(jié)地區(qū)","銅仁地區(qū)","黔東南苗族侗族自治州","黔南布依族苗族自治州","黔西南布依族苗族自治州","其他"]); dsy.add("0_24",["昆明市","曲靖市","玉溪市","保山市","昭通市","麗江市","普洱市","臨滄市","寧德市","德宏傣族景頗族自治州","怒江傈僳族自治州","楚雄彝族自治州","紅河哈尼族彝族自治州","文山壯族苗族自治州","大理白族自治州","迪慶藏族自治州","西雙版納傣族自治州","其他"]); dsy.add("0_25",["拉薩市","那曲地區(qū)","昌都地區(qū)","林芝地區(qū)","山南地區(qū)","日喀則地區(qū)","阿里地區(qū)","其他"]); dsy.add("0_26",["西安市","延安市","銅川市","渭南市","咸陽(yáng)市","寶雞市","漢中市","安康市","商洛市","其他"]); dsy.add("0_27",["蘭州市 ","嘉峪關(guān)市","金昌市","白銀市","天水市","武威市","酒泉市","張掖市","慶陽(yáng)市","平?jīng)鍪?,"定西市","隴南市","臨夏回族自治州","甘南藏族自治州","其他"]); dsy.add("0_28",["西寧市","海東地區(qū)","海北藏族自治州","黃南藏族自治州","玉樹藏族自治州","海南藏族自治州","果洛藏族自治州","海西蒙古族藏族自治州","其他"]); dsy.add("0_29",["銀川市","石嘴山市","吳忠市","固原市","中衛(wèi)市","其他"]); dsy.add("0_30",["烏魯木齊市","克拉瑪依市","喀什地區(qū)","阿克蘇地區(qū)","和田地區(qū)","吐魯番地區(qū)","哈密地區(qū)","塔城地區(qū)","阿勒泰地區(qū)","克孜勒蘇柯爾克孜自治州","博爾塔拉蒙古自治州","昌吉回族自治州 伊犁哈薩克自治州","巴音郭楞蒙古自治州","河子市","阿拉爾市","五家渠市","圖木舒克市","其他"]); dsy.add("0_31",["香港","其他"]); dsy.add("0_31",["澳門","其他"]) dsy.add("0_32",["臺(tái)灣","其他"]) var s=["s1","s2"]; var opt0 = ["請(qǐng)選擇","請(qǐng)選擇"]; function setup() { for(i=0;i<s.length-1;i++) document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")"); change(0); }
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家學(xué)習(xí)APS.NET程序設(shè)計(jì)有所幫助。
- asp.net省市三級(jí)聯(lián)動(dòng)的DropDownList+Ajax的三種框架(aspnet/Jquery/ExtJs)示例
- ASP.NET MVC下拉框聯(lián)動(dòng)實(shí)例解析
- ASP.NET中DropDownList和ListBox實(shí)現(xiàn)兩級(jí)聯(lián)動(dòng)功能
- asp.net下使用AjaxPro實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)代碼
- asp.net DropDownList 三級(jí)聯(lián)動(dòng)下拉菜單實(shí)現(xiàn)代碼
- asp.net兩級(jí)聯(lián)動(dòng)(包含添加和修改)
- 適用與firefox ASP.NET無刷新二級(jí)聯(lián)動(dòng)下拉列表
- ASP.NET實(shí)現(xiàn)級(jí)聯(lián)下拉框效果實(shí)例講解
- ASP.NET Ajax級(jí)聯(lián)DropDownList實(shí)現(xiàn)代碼
- jQuery+Asp.Net實(shí)現(xiàn)省市二級(jí)聯(lián)動(dòng)功能的方法
相關(guān)文章
asp.net(c#)文件下載實(shí)現(xiàn)代碼
本文通過一個(gè)實(shí)例向大家介紹用C#進(jìn)行Internet通訊編程的一些基本知識(shí)。我們知道.Net類包含了請(qǐng)求/響應(yīng)層、應(yīng)用協(xié)議層、傳輸層等層次。2009-11-11WPF轉(zhuǎn)換器IValueConverter用法
這篇文章介紹了WPF轉(zhuǎn)換器IValueConverter用法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-01-01asp.net core中如何使用cookie身份驗(yàn)證
這篇文章主要介紹了asp.net core中如何使用cookie身份驗(yàn)證的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12微信公眾平臺(tái)開發(fā)之發(fā)送文本消息.Net代碼解析
這篇文章主要為大家詳細(xì)解析了微信公眾平臺(tái)開發(fā)之發(fā)送文本消息.Net代碼,感興趣的小伙伴們可以參考一下2016-06-06ASP.NET GridView 實(shí)現(xiàn)課程表顯示(動(dòng)態(tài)合并單元格)實(shí)現(xiàn)步驟
GridView,ASP.NET中很常用的數(shù)據(jù)顯示控件,這里,我將用這個(gè)控件來實(shí)現(xiàn)課程表的顯示。首先說說課程表的顯示與普通記錄的顯示有何不同?感興趣的朋友可以了解下,或許對(duì)你有所幫助2013-02-02