js 省地市級(jí)聯(lián)選擇

更新時(shí)間：2010年02月07日 12:49:06 作者：

3級(jí)省地市級(jí)聯(lián)菜單，ie/ff 測(cè)試通過，支持多個(gè)并存，支持事件

demo1為最簡(jiǎn)單的一份實(shí)現(xiàn)，頁面id配置需在js文件中寫入，適合簡(jiǎn)單情況
demo2增加了動(dòng)態(tài)配置，可將配置項(xiàng)傳入，適合頁面存在多個(gè)級(jí)聯(lián)下拉
以下為地市數(shù)據(jù)json格式,可使用ajax獲取或者做成ashx/asmx服務(wù)也可直接保存為js文件，可根據(jù)你的地市數(shù)據(jù)調(diào)整格式，并修改對(duì)應(yīng)源碼

復(fù)制代碼代碼如下:

 
var _ds_data=[ 
{ 
id:0, 
name:"\u5317\u4EAC", 
city:[ 
{ 
id:1, 
name:"\u5317\u4EAC\u5E02", 
area:[{id:1,name:"\u4E1C\u57CE\u533A"},{...},{...}...] 
},...] 
} 

為防止亂碼，使用了unicode編碼，轉(zhuǎn)換代碼如下：

復(fù)制代碼代碼如下:

 
/// <summary> 
/// 將原始字串轉(zhuǎn)換為unicode,格式為\u....\u.... 
/// </summary> 
public static string StringToUnicode(string srcText) 
{ 
string dst = ""; 
char[] src = srcText.ToCharArray(); 
for (int i = 0; i < src.Length; i++) 
{ 
byte[] bytes = Encoding.Unicode.GetBytes(src[i].ToString()); 
string str = @"\u" + bytes[1].ToString("X2") + bytes[0].ToString("X2"); 
dst += str; 
} 
return dst; 
} 
/// <summary> 
/// 將Unicode字串\u....\u....格式字串轉(zhuǎn)換為原始字符串 
/// </summary> 
public static string UnicodeToString(string srcText) 
{ 
string dst = ""; 
string src = srcText; 
int len = srcText.Length / 6; 
for (int i = 0; i <= len - 1; i++) 
{ 
string str = ""; 
str = src.Substring(0, 6).Substring(2); 
src = src.Substring(6); 
byte[] bytes = new byte[2]; 
bytes[1] = byte.Parse(int.Parse(str.Substring(0, 2), NumberStyles.HexNumber).ToString()); 
bytes[0] = byte.Parse(int.Parse(str.Substring(2, 2), NumberStyles.HexNumber).ToString()); 
dst += Encoding.Unicode.GetString(bytes); 
} 
return dst; 
} 

http://xiazai.jb51.net/201002/yuanma/cityselector.rar
打包下載地址

您可能感興趣的文章:

相關(guān)文章

JavaScript實(shí)現(xiàn)復(fù)選框全選或全取消操作
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)復(fù)選框全選或全取消操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-09-09
動(dòng)態(tài)的9*9乘法表效果的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄獎(jiǎng)討B(tài)的9*9乘法表效果的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過來看看吧
2016-05-05
Bootstrap下拉菜單效果實(shí)例代碼分享
這篇文章主要為大家詳細(xì)介紹了Bootstrap下拉菜單效果實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-06-06
JavaScript字符串常用類使用方法匯總
今天的這篇文章就分享幾年以來總結(jié)的一些最常見和最有用的字符串相關(guān)的方法的例子和簡(jiǎn)要說明。便于程序員用于快速參考。當(dāng)然，最有經(jīng)驗(yàn)的開發(fā)人員對(duì)這些操作很熟悉，但我認(rèn)為這是一個(gè)很好的方法幫助初學(xué)者理解這些函數(shù)，他可以幫助你使用簡(jiǎn)單的語法,完成復(fù)雜的操作.
2015-04-04
JS中append字符串包含onclick無效傳遞參數(shù)失敗的解決方案
這篇文章主要介紹了JS中append字符串包含onclick無效傳遞參數(shù)失敗的解決方案,需要的朋友可以參考下
2016-12-12
JavaScript 學(xué)習(xí)技巧
JavaScript 學(xué)習(xí)技巧,需要的朋友可以參考下。
2010-02-02
禁止彈窗中蒙層底部頁面跟隨滾動(dòng)的幾種方法
我們大家在做彈出層的時(shí)候，必不可少的一個(gè)元素就是蒙層，也就是遮罩層，當(dāng)彈出層滾動(dòng)的時(shí)候，蒙層底部的頁面一般是要求固定不動(dòng)的，所以這篇文章就來給大家介紹了如何禁止彈窗中蒙層底部頁面跟隨滾動(dòng)的幾種方法，需要的朋友可以參考下。
2017-12-12
thinkjs微信中控之微信鑒權(quán)登陸的實(shí)現(xiàn)代碼
這篇文章主要介紹了thinkjs微信中控之微信鑒權(quán)登陸的實(shí)現(xiàn)代碼,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08
在JavaScript中生成不可修改屬性對(duì)象的方法
這篇文章主要介紹了在 JavaScript 中生成不可修改屬性對(duì)象的方法,包括相關(guān)函數(shù)及原理,并列舉了在狀態(tài)管理、數(shù)據(jù)緩存、函數(shù)式編程等場(chǎng)景中的實(shí)際應(yīng)用,還通過代碼示例進(jìn)行了詳細(xì)說明,需要的朋友可以參考下
2024-12-12
淺談javascript中replace()方法
這篇文章主要介紹了淺談javascript中replace()方法，replace函數(shù)方法是返回根據(jù)正則表達(dá)式進(jìn)行文字替換后的字符串的復(fù)制，需要的朋友可以參考下
2015-11-11