快捷導(dǎo)航

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

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

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

demo1為最簡單的一份實現(xiàn)，頁面id配置需在js文件中寫入，適合簡單情況
demo2增加了動態(tài)配置，可將配置項傳入，適合頁面存在多個級聯(lián)下拉
以下為地市數(shù)據(jù)json格式,可使用ajax獲取或者做成ashx/asmx服務(wù)也可直接保存為js文件，可根據(jù)你的地市數(shù)據(jù)調(diào)整格式，并修改對應(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實現(xiàn)復(fù)選框全選或全取消操作
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)復(fù)選框全選或全取消操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
動態(tài)的9*9乘法表效果的實現(xiàn)代碼
下面小編就為大家?guī)硪黄獎討B(tài)的9*9乘法表效果的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧
2016-05-05
Bootstrap下拉菜單效果實例代碼分享
這篇文章主要為大家詳細(xì)介紹了Bootstrap下拉菜單效果實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-06-06
JavaScript字符串常用類使用方法匯總
今天的這篇文章就分享幾年以來總結(jié)的一些最常見和最有用的字符串相關(guān)的方法的例子和簡要說明。便于程序員用于快速參考。當(dāng)然，最有經(jīng)驗的開發(fā)人員對這些操作很熟悉，但我認(rèn)為這是一個很好的方法幫助初學(xué)者理解這些函數(shù)，他可以幫助你使用簡單的語法,完成復(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)彈出層滾動的時候，蒙層底部的頁面一般是要求固定不動的，所以這篇文章就來給大家介紹了如何禁止彈窗中蒙層底部頁面跟隨滾動的幾種方法，需要的朋友可以參考下。
2017-12-12
thinkjs微信中控之微信鑒權(quán)登陸的實現(xiàn)代碼
這篇文章主要介紹了thinkjs微信中控之微信鑒權(quán)登陸的實現(xiàn)代碼,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08
在JavaScript中生成不可修改屬性對象的方法
這篇文章主要介紹了在 JavaScript 中生成不可修改屬性對象的方法,包括相關(guān)函數(shù)及原理,并列舉了在狀態(tài)管理、數(shù)據(jù)緩存、函數(shù)式編程等場景中的實際應(yīng)用,還通過代碼示例進(jìn)行了詳細(xì)說明,需要的朋友可以參考下
2024-12-12
淺談javascript中replace()方法
這篇文章主要介紹了淺談javascript中replace()方法，replace函數(shù)方法是返回根據(jù)正則表達(dá)式進(jìn)行文字替換后的字符串的復(fù)制，需要的朋友可以參考下
2015-11-11