省市區代碼js（省市區代碼劃分標準）

本文目錄一覽：

• 1、怎樣用js實現省市聯動,數據是從資料庫讀取？ 謝謝了
• 2、JavaScript實現省市縣級聯
• 3、如何用js實現省市區之間的三級聯動
• 4、用JS實現省市下拉框怎麼做?
• 5、省市區下拉框信息，怎樣使用js顯示到文本域textarea?
• 6、省市區 下拉菜單 js 怎麼驗證

怎樣用js實現省市聯動,數據是從資料庫讀取？ 謝謝了

省市聯動，要去讀資料庫就慢了點，而且用的資源也多

由於省市數據是固定的，通常，我會獨立定義一個js文件，裡面是一個json數據，分級存儲省市數據，每個地區都有一個六位的代碼，就是你身份證的前六位，那是精確到縣級的~

當然，如果你只需要到地級市，那就弄兩級的就行啦

js讀取js，是很快的~

JavaScript實現省市縣級聯

寫的似乎有點麻煩，不如直接在下拉列表的Option里添加。

我簡單給你寫個。

script language=”javascript”

var arr=new Array();

arr[“廣州01”]=[“東城區”,”東城區”,”越秀區”];

arr[“廣州02”]=[“蘿崗區”,”天河區”,”南沙區”];

arr[“廣州03”]=[“越秀區”,”鹽田區”,”龍崗區”];

function Test()

{

var province=document.getElementById(“province”).value;

var district=document.getElementById(“district”);

//清空

district.length=1;

for(var i=0;iarr[province].length;i++)

{

var opt=new Option(arr[province][i],arr[province][i]);

district.options.add(opt);

}

}

/script

body

select id=”province” onchange=”Test()”

option–請選擇–/option

option value=”廣州01″廣州01/option

option value=”廣州02″廣州02/option

option value=”廣州03″廣州03/option

/select

select id=”district”option–請選擇–/option/select

/body

如何用js實現省市區之間的三級聯動

頁面中獲取值並判斷的js如下：

script type=”text/javascript”

//這個函數是必須的，因為在area.js里每次更改地址時會調用此函數

function promptinfo()

{

var address = document.getElementById(‘address’);

var s1 = document.getElementById(‘s1’);

var s2 = document.getElementById(‘s2’);

var town1 = document.getElementById(‘town1’);

用JS實現省市下拉框怎麼做?

試試這個：

script language=”JavaScript”

!–

var g_selProvince;

var g_selCity;

var Provinces=new Array(

new Array(“110000″,”北京市”),

new Array(“120000″,”天津市”),

new Array(“130000″,”河北省”),

new Array(“140000″,”山西省”),

new Array(“150000″,”內蒙古自治區”),

new Array(“210000″,”遼寧省”),

new Array(“220000″,”吉林省”),

new Array(“230000″,”黑龍江省”),

new Array(“310000″,”上海市”),

new Array(“320000″,”江蘇省”),

new Array(“330000″,”浙江省”),

new Array(“340000″,”安徽省”),

new Array(“350000″,”福建省”),

new Array(“360000″,”江西省”),

new Array(“370000″,”山東省”),

new Array(“410000″,”河南省”),

new Array(“420000″,”湖北省”),

new Array(“430000″,”湖南省”),

new Array(“440000″,”廣東省”),

new Array(“450000″,”廣西壯族自治區”),

new Array(“460000″,”海南省”),

new Array(“500000″,”重慶市”),

new Array(“510000″,”四川省”),

new Array(“520000″,”貴州省”),

new Array(“530000″,”雲南省”),

new Array(“540000″,”西藏自治區”),

new Array(“610000″,”陝西省”),

new Array(“620000″,”甘肅省”),

new Array(“630000″,”青海省”),

new Array(“640000″,”寧夏回族自治區”),

new Array(“650000″,”新疆維吾爾自治區”),

new Array(“710000″,”台灣省”),

new Array(“810000″,”香港特別行政區”),

new Array(“820000″,”澳門特別行政區”)

);

var Citys=new Array(

new Array(“110100″,”北京”),

new Array(“120100″,”天津”),

new Array(“130101″,”石家莊”),

new Array(“130201″,”唐山”),

new Array(“130301″,”秦皇島”),

new Array(“130701″,”張家口”),

new Array(“130801″,”承德”),

new Array(“131001″,”廊坊”),

new Array(“130401″,”邯鄲”),

new Array(“130501″,”邢台”),

new Array(“130601″,”保定”),

new Array(“130901″,”滄州”),

new Array(“133001″,”衡水”),

new Array(“140101″,”太原”),

new Array(“140201″,”大同”),

new Array(“140301″,”陽泉”),

new Array(“140501″,”晉城”),

new Array(“140601″,”朔州”),

new Array(“142201″,”忻州”),

new Array(“142331″,”離石”),

new Array(“142401″,”榆次”),

new Array(“142601″,”臨汾”),

new Array(“142701″,”運城”),

new Array(“140401″,”長治”),

new Array(“150101″,”呼和浩特”),

new Array(“150201″,”包頭”),

new Array(“150301″,”烏海”),

new Array(“152601″,”集寧”),

new Array(“152701″,”東勝”),

new Array(“152801″,”臨河”),

new Array(“152921″,”阿拉善左旗”),

new Array(“150401″,”赤峰”),

new Array(“152301″,”通遼”),

new Array(“152502″,”錫林浩特”),

new Array(“152101″,”海拉爾”),

new Array(“152201″,”烏蘭浩特”),

new Array(“210101″,”瀋陽”),

new Array(“210201″,”大連”),

new Array(“210301″,”鞍山”),

new Array(“210401″,”撫順”),

new Array(“210501″,”本溪”),

new Array(“210701″,”錦州”),

new Array(“210801″,”營口”),

new Array(“210901″,”阜新”),

new Array(“211101″,”盤錦”),

new Array(“211201″,”鐵嶺”),

new Array(“211301″,”朝陽”),

new Array(“211401″,”錦西”),

new Array(“210601″,”丹東”),

new Array(“220101″,”長春”),

new Array(“220201″,”吉林”),

new Array(“220301″,”四平”),

new Array(“220401″,”遼源”),

new Array(“220601″,”渾江”),

new Array(“222301″,”白城”),

new Array(“222401″,”延吉”),

new Array(“220501″,”通化”),

new Array(“230101″,”哈爾濱”),

new Array(“230301″,”雞西”),

new Array(“230401″,”鶴崗”),

new Array(“230501″,”雙鴨山”),

new Array(“230701″,”伊春”),

new Array(“230801″,”佳木斯”),

new Array(“230901″,”七台河”),

new Array(“231001″,”牡丹江”),

new Array(“232301″,”綏化”),

new Array(“230201″,”齊齊哈爾”),

new Array(“230601″,”大慶”),

new Array(“232601″,”黑河”),

new Array(“232700″,”加格達奇”),

new Array(“310100″,”上海”),

new Array(“320101″,”南京”),

new Array(“320201″,”無錫”),

new Array(“320301″,”徐州”),

new Array(“320401″,”常州”),

new Array(“320501″,”蘇州”),

new Array(“320600″,”南通”),

new Array(“320701″,”連雲港”),

new Array(“320801″,”淮陰”),

new Array(“320901″,”鹽城”),

new Array(“321001″,”揚州”),

new Array(“321101″,”鎮江”),

new Array(“330101″,”杭州”),

new Array(“330201″,”寧波”),

new Array(“330301″,”溫州”),

new Array(“330401″,”嘉興”),

new Array(“330501″,”湖州”),

new Array(“330601″,”紹興”),

new Array(“330701″,”金華”),

new Array(“330801″,”衢州”),

new Array(“330901″,”舟山”),

new Array(“332501″,”麗水”),

new Array(“332602″,”臨海”),

new Array(“340101″,”合肥”),

new Array(“340201″,”蕪湖”),

new Array(“340301″,”蚌埠”),

new Array(“340401″,”淮南”),

new Array(“340501″,”馬鞍山”),

new Array(“340601″,”淮北”),

new Array(“340701″,”銅陵”),

new Array(“340801″,”安慶”),

new Array(“341001″,”黃山”),

new Array(“342101″,”阜陽”),

new Array(“342201″,”宿州”),

new Array(“342301″,”滁州”),

new Array(“342401″,”六安”),

new Array(“342501″,”宣州”),

new Array(“342601″,”巢湖”),

new Array(“342901″,”貴池”),

new Array(“350101″,”福州”),

new Array(“350201″,”廈門”),

new Array(“350301″,”莆田”),

new Array(“350401″,”三明”),

new Array(“350501″,”泉州”),

new Array(“350601″,”漳州”),

new Array(“352101″,”南平”),

new Array(“352201″,”寧德”),

new Array(“352601″,”龍岩”),

new Array(“360101″,”南昌”),

new Array(“360201″,”景德鎮”),

new Array(“362101″,”贛州”),

new Array(“360301″,”萍鄉”),

new Array(“360401″,”九江”),

new Array(“360501″,”新余”),

new Array(“360601″,”鷹潭”),

new Array(“362201″,”宜春”),

new Array(“362301″,”上饒”),

new Array(“362401″,”吉安”),

new Array(“362502″,”臨川”),

new Array(“370101″,”濟南”),

new Array(“370201″,”青島”),

new Array(“370301″,”淄博”),

new Array(“370401″,”棗莊”),

new Array(“370501″,”東營”),

new Array(“370601″,”煙台”),

new Array(“370701″,”濰坊”),

new Array(“370801″,”濟寧”),

new Array(“370901″,”泰安”),

new Array(“371001″,”威海”),

new Array(“371100″,”日照”),

new Array(“372301″,”濱州”),

new Array(“372401″,”德州”),

new Array(“372501″,”聊城”),

new Array(“372801″,”臨沂”),

new Array(“372901″,”菏澤”),

new Array(“410101″,”鄭州”),

new Array(“410201″,”開封”),

new Array(“410301″,”洛陽”),

new Array(“410401″,”平頂山”),

new Array(“410501″,”安陽”),

new Array(“410601″,”鶴壁”),

new Array(“410701″,”新鄉”),

new Array(“410801″,”焦作”),

new Array(“410901″,”濮陽”),

new Array(“411001″,”許昌”),

new Array(“411101″,”漯河”),

new Array(“411201″,”三門峽”),

new Array(“412301″,”商丘”),

new Array(“412701″,”周口”),

new Array(“412801″,”駐馬店”),

new Array(“412901″,”南陽”),

new Array(“413001″,”信陽”),

new Array(“420101″,”武漢”),

new Array(“420201″,”黃石”),

new Array(“420301″,”十堰”),

new Array(“420400″,”沙市”),

new Array(“420501″,”宜昌”),

new Array(“420601″,”襄樊”),

new Array(“420701″,”鄂州”),

new Array(“420801″,”荊門”),

new Array(“422103″,”黃州”),

new Array(“422201″,”孝感”),

new Array(“422301″,”咸寧”),

new Array(“422421″,”江陵”),

new Array(“422801″,”恩施”),

new Array(“430101″,”長沙”),

new Array(“430401″,”衡陽”),

new Array(“430501″,”邵陽”),

new Array(“432801″,”郴州”),

new Array(“432901″,”永州”),

new Array(“430801″,”大庸”),

new Array(“433001″,”懷化”),

new Array(“433101″,”吉首”),

new Array(“430201″,”株洲”),

new Array(“430301″,”湘潭”),

new Array(“430601″,”岳陽”),

new Array(“430701″,”常德”),

new Array(“432301″,”益陽”),

new Array(“432501″,”婁底”),

new Array(“440101″,”廣州”),

new Array(“440301″,”深圳”),

new Array(“441501″,”汕尾”),

new Array(“441301″,”惠州”),

new Array(“441601″,”河源”),

new Array(“440601″,”佛山”),

new Array(“441801″,”清遠”),

new Array(“441901″,”東莞”),

new Array(“440401″,”珠海”),

new Array(“440701″,”江門”),

new Array(“441201″,”肇慶”),

new Array(“442001″,”中山”),

new Array(“440801″,”湛江”),

new Array(“440901″,”茂名”),

new Array(“440201″,”韶關”),

new Array(“440501″,”汕頭”),

new Array(“441401″,”梅州”),

new Array(“441701″,”陽江”),

new Array(“450101″,”南寧”),

new Array(“450401″,”梧州”),

new Array(“452501″,”玉林”),

new Array(“450301″,”桂林”),

new Array(“452601″,”百色”),

new Array(“452701″,”河池”),

new Array(“452802″,”欽州”),

new Array(“450201″,”柳州”),

new Array(“450501″,”北海”),

new Array(“460100″,”海口”),

new Array(“460200″,”三亞”),

new Array(“510101″,”成都”),

new Array(“513321″,”康定”),

new Array(“513101″,”雅安”),

new Array(“513229″,”馬爾康”),

new Array(“510301″,”自貢”),

new Array(“500100″,”重慶”),

new Array(“512901″,”南充”),

new Array(“510501″,”瀘州”),

new Array(“510601″,”德陽”),

new Array(“510701″,”綿陽”),

new Array(“510901″,”遂寧”),

new Array(“511001″,”內江”),

new Array(“511101″,”樂山”),

new Array(“512501″,”宜賓”),

new Array(“510801″,”廣元”),

new Array(“513021″,”達縣”),

new Array(“513401″,”西昌”),

new Array(“510401″,”攀枝花”),

new Array(“500239″,”黔江土家族苗族自治縣”),

new Array(“520101″,”貴陽”),

new Array(“520200″,”六盤水”),

new Array(“522201″,”銅仁”),

new Array(“522501″,”安順”),

new Array(“522601″,”凱里”),

new Array(“522701″,”都勻”),

new Array(“522301″,”興義”),

new Array(“522421″,”畢節”),

new Array(“522101″,”遵義”),

new Array(“530101″,”昆明”),

new Array(“530201″,”東川”),

new Array(“532201″,”曲靖”),

new Array(“532301″,”楚雄”),

new Array(“532401″,”玉溪”),

new Array(“532501″,”箇舊”),

new Array(“532621″,”文山”),

new Array(“532721″,”思茅”),

new Array(“532101″,”昭通”),

new Array(“532821″,”景洪”),

new Array(“532901″,”大理”),

new Array(“533001″,”保山”),

new Array(“533121″,”潞西”),

new Array(“533221″,”麗江納西族自治縣”),

new Array(“533321″,”瀘水”),

new Array(“533421″,”中甸”),

new Array(“533521″,”臨滄”),

new Array(“540101″,”拉薩”),

new Array(“542121″,”昌都”),

new Array(“542221″,”乃東”),

new Array(“542301″,”日喀則”),

new Array(“542421″,”那曲”),

new Array(“542523″,”噶爾”),

new Array(“542621″,”林芝”),

new Array(“610101″,”西安”),

new Array(“610201″,”銅川”),

new Array(“610301″,”寶雞”),

new Array(“610401″,”咸陽”),

new Array(“612101″,”渭南”),

new Array(“612301″,”漢中”),

new Array(“612401″,”安康”),

new Array(“612501″,”商州”),

new Array(“612601″,”延安”),

new Array(“612701″,”榆林”),

new Array(“620101″,”蘭州”),

new Array(“620401″,”白銀”),

new Array(“620301″,”金昌”),

new Array(“620501″,”天水”),

new Array(“622201″,”張掖”),

new Array(“622301″,”武威”),

new Array(“622421″,”定西”),

new Array(“622624″,”成縣”),

new Array(“622701″,”平涼”),

new Array(“622801″,”西峰”),

new Array(“622901″,”臨夏”),

new Array(“623027″,”夏河”),

new Array(“620201″,”嘉峪關”),

new Array(“622102″,”酒泉”),

new Array(“630100″,”西寧”),

new Array(“632121″,”平安”),

new Array(“632221″,”門源回族自治縣”),

new Array(“632321″,”同仁”),

new Array(“632521″,”共和”),

new Array(“632621″,”瑪沁”),

new Array(“632721″,”玉樹”),

new Array(“632802″,”德令哈”),

new Array(“640101″,”銀川”),

new Array(“640201″,”石嘴山”),

new Array(“642101″,”吳忠”),

new Array(“642221″,”固原”),

new Array(“650101″,”烏魯木齊”),

new Array(“650201″,”克拉瑪依”),

new Array(“652101″,”吐魯番”),

new Array(“652201″,”哈密”),

new Array(“652301″,”昌吉”),

new Array(“652701″,”博樂”),

new Array(“652801″,”庫爾勒”),

new Array(“652901″,”阿克蘇”),

new Array(“653001″,”阿圖什”),

new Array(“653101″,”喀什”),

new Array(“654101″,”伊寧”),

new Array(“710001″,”台北”),

new Array(“710002″,”基隆”),

new Array(“710020″,”台南”),

new Array(“710019″,”高雄”),

new Array(“710008″,”台中”),

new Array(“211001″,”遼陽”),

new Array(“653201″,”和田”),

new Array(“542200″,”澤當鎮”),

new Array(“542600″,”八一鎮”),

new Array(“820000″,”澳門”),

new Array(“810000″,”香港”)

);

function FillProvinces(selProvince)

{

selProvince.options[0]=new Option(“請選擇”,”000000″);

for(i=0;iProvinces.length;i++)

{

selProvince.options[i+1]=new Option(Provinces[i][1],Provinces[i][0]);

}

selProvince.options[0].selected=true;

selProvince.length=i+1;

}

function FillCitys(selCity,ProvinceCode)

{

//if the province is a direct-managed city, like Beijing, shanghai, tianjin, chongqin,hongkong, macro

//need not “請選擇選項”

if(ProvinceCode==”110000″||ProvinceCode==”120000″||ProvinceCode==”310000″

||ProvinceCode==”810000″||ProvinceCode==”820000″||ProvinceCode==”500000″)

count=0;

else

{selCity.options[0]=new Option(“請選擇”,ProvinceCode);

count=1;}

for(i=0;iCitys.length;i++)

{

if(Citys[i][0].toString().substring(0,2)==ProvinceCode.substring(0,2))

{

selCity.options[count]=new Option(Citys[i][1],Citys[i][0]);

count=count+1;

}

}

selCity.options[0].selected=true;

selCity.length=count;

}

function Province_onchange()

{

FillCitys(g_selCity,g_selProvince.value);

}

function InitCitySelect(selProvince,selCity)

{

//alert(“begin”);

g_selProvince=selProvince;

g_selCity=selCity;

selProvince.onchange=Function(“Province_onchange();”);

FillProvinces(selProvince);

Province_onchange();

}

function InitCitySelect2(selProvince,selCity,CityCode)

{

InitCitySelect(selProvince,selCity)

for(i=0;iselProvince.length;i++)

{

if(selProvince.options[i].value.substring(0,2)==CityCode.substring(0,2))

{

selProvince.options[i].selected=true;

}

}

Province_onchange();

for(i=0;iselCity.length;i++)

{

if(selCity.options[i].value==CityCode)

{

selCity.options[i].selected=true;

}

}

}

//–

/script

form name=”profile” method=”post” action=”where.asp”

SELECT id=province size=1 name=province

OPTION selected/OPTION

/SELECT

SELECT id=city size=1 name=city

OPTION selected/OPTION

/SELECT

SCRIPT language=javascript

InitCitySelect(document.profile.province,document.profile.city);

/SCRIPT

input type=”submit”

/form

如你要提取市的數據，你需要在接受請求頁面寫如下代碼：

shi=trim(request.form(“city”))

就可以得到市的值了。

還有這是用Form傳遞參數，而不是用QueryString傳遞。

省市區下拉框信息，怎樣使用js顯示到文本域textarea?

這段代碼基本可以實現你的需求了，但是有些小問題，第一個下拉框的onclick改為onchange，最後一個下拉框調用方法傳值時要傳3，給所有option加上value，值為option中間的省市區信息

這些變數定義時最好給默認值，為『』就行，如var x_p = ”;，然後把最後的注釋去掉就可以了。

好像沒有賦值呀，寫成var x_p =  document.getElementById(“sel_p”);，應該就可以了

省市區 下拉菜單 js 怎麼驗證

建議使用jq，先引入jq文件

先獲取下拉框選項

var sheng = $(“#省下拉框id”).val();

var shi = $(“#市下拉框id”).val();

var qu = $(“#區下拉框id”).val();

對獲取值驗證，不知道你那還有什麼限制規則，這裡只寫不能為空的驗證

if(sheng == ” || sheng == 0){

alert(“請選擇省。”);

return false;

}

剩下的市和區與上面的驗證方法相同，改個驗證值就行。

下面就是驗證完成後的數據處理，通過了上面的驗證後獲得的省市區的值都是符合規則的值了，該提交的就提交。