省市联动代码
省市区三级联动菜单（附数据库）
省市区三级联动菜单（附数据库）<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!----------------------------------------------------------------省的字段是：province--市的字段是：city--县的字段是：area---------------------------------------------------------------------------><mce:script type="text/javascript"><!--/*********定义创建XMLHttpRequest对象的⽅法***************************************/var xmlHttp;//声明变量var requestType="";//声明初始类型为空function createXMLHttpRequest()//定义创建⼀个跨浏览器函数的开头{if(window.ActiveXObject)//ActiveXObject对象到找到的时候返回的是真，否则是假{xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");//这个是使⽤IE的⽅法创建XmlHttp}else if(window.XMLHttpRequest){xmlHttp=new XMLHttpRequest();//这个是使⽤⾮IE的⽅法创建XmlHttp}}/****************判断服务器响应的事件，如果返回是4则说明交互完成，判断标⽰头，**************************************************/function handleStateChange(){//判断返回的⼀个函数，来确定执⾏那个的函数if(xmlHttp.readystate==4){//4说明是执⾏交互完毕0 (未初始化)1 (正在装载)2 (装载完毕) 3 (交互中)4 (完成)if(xmlHttp.status==200){//http的⼀个报头说明成功找到if(type=="city"){//判断查询的类型showcity();//返回响应的显⽰}else if(type="area"){//判断响应的查询的类型showarea();//返回响应的显⽰}}}}/**************************城市的⼀个查询函数**********************************************************/function queryCity(citycode){//执⾏程序查询，查询城市的createXMLHttpRequest();//调⽤创建XmlHttp的函数type="city";//表⽰类型，查询城市处理显⽰的时候需要⽤到var url='data.php?provincecode='+citycode+'&n='+Math.random();//设定URL传值⽅法同时防⽌缓存xmlHttp.open("GET",url,true);//建⽴服务器连接，异步传输treexmlHttp.onreadystatechange=handleStateChange;//处理这个响应所需要的函数xmlHttp.send(null);//执⾏程序函数这⾥的中间的参数是因为GET原因}/**********************县区的⼀个查询函数***********************************************************/function queryArea(citycode){//查询程序createXMLHttpRequest();//调⽤创建XmlHttp的函数type="area";//查询县的var url="data.php?citycode="+citycode+'&n='+Math.random();//设定URL传值⽅法同时防⽌缓存xmlHttp.open("GET",url,true);xmlHttp.onreadystatechange=handleStateChange;//处理响应的函数名xmlHttp.send(null);//执⾏程序函数这⾥的中间的参数是因为GET原因}/*********************⼀个显⽰函数**********************************************************/function showcity(){//显⽰函数document.getElementById("city").innerHTML=xmlHttp.responseText;//捕获ID显⽰返回的数据}function showarea(){document.getElementById("area").innerHTML=xmlHttp.responseText;//捕获ID显⽰返回的数据}$conn=mysql_connect("localhost","root","");//链接数据库mysql_select_db("novel");//选择数据库mysql_query("set names 'utf8'");//设定字符集$sql="select * from province";//查询数据库province表也就是省$result=mysql_query($sql);//执⾏语句赋值给变量><from id='form1'><!--输出表单头--><!--输出下拉列表框，并设定onchange响应事件，把省值传递过去--><select id='province' onchange='queryCity(this.options[this.selectedIndex].value)'><!--输出下拉列表项值--><option value='-1' selected>请选择省份</option><?phpwhile($row=mysql_fetch_row($result)){//循环循环查询显⽰省输出数据显⽰echo "<option value='$row[1]'>$row[2]</option>/n";}></select><!--下拉列表项尾数--><span id='city'></span><!--显⽰数据的城市的位置--><span id='area'></span><!--显⽰数据的城市的位置--></form><!--表单项结尾--></body></html><?php$provincecode=$_GET['provincecode'];//接收省键值$citycode=$_GET['citycode'];//接收城市键值$conn=mysql_connect("localhost","root","");//连接主机mysql_select_db("novel");//选择数据库mysql_query("set names 'utf8'");if($provincecode!=""){//如果传递过来的不为空则执⾏$sql="select * from city where provincecode=$provincecode";//查询城市符合属于上边传递过来的省的字段 $result=mysql_query($sql);//执⾏SQL查询语句print_r($row);><select onchange='queryArea(this.options[this.selectedIndex].value)'><!--下拉列表框开头--><option value='-1' selected>请选择城市</option><!--下拉列表框值开头--><?php while($row=mysql_fetch_row($result)){//循环记录集?><option value="<?= $row[1]?>"><?=$row[2]?></option><?php }?></select><?php }?><?phpif($citycode!=""){$sql="select * from area where citycode=$citycode";$result=mysql_query($sql);echo "<select>/n";echo "<option value='-1' selected>请选择县</option>/n";while($row=mysql_fetch_row($result)){echo "<option value='$row[1]'>$row[2]</option>/n";}echo "</select>/n";}>-- phpMyAdmin SQL Dump-- version 2.11.2-- ---- 主机: localhost-- ⽣成⽇期: 2008 年 07 ⽉ 11 ⽇ 00:45-- 服务器版本: 5.0.27-- PHP 版本: 5.2.0SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";---- 数据库: `novel`--CREATE DATABASE `novel` DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;USE `novel`;-- 表的结构 `area`--CREATE TABLE IF NOT EXISTS `area` (`id` int(11) NOT NULL auto_increment,`code` varchar(6) NOT NULL,`name` varchar(20) NOT NULL,`citycode` varchar(6) NOT NULL,PRIMARY KEY (`id`)) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=3145 ; ---- 导出表中的数据 `area`--INSERT INTO `area` (`id`, `code`, `name`, `citycode`) VALUES(1, '110101', '东城区', '110100'),(2, '110102', '西城区', '110100'),(3, '110103', '崇⽂区', '110100'),(4, '110104', '宣武区', '110100'),(5, '110105', '朝阳区', '110100'),(6, '110106', '丰台区', '110100'),(7, '110107', '⽯景⼭区', '110100'),(8, '110108', '海淀区', '110100'),(9, '110109', '门头沟区', '110100'),(10, '110111', '房⼭区', '110100'),(11, '110112', '通州区', '110100'),(12, '110113', '顺义区', '110100'),(13, '110114', '昌平区', '110100'),(14, '110115', '⼤兴区', '110100'),(15, '110116', '怀柔区', '110100'),(16, '110117', '平⾕区', '110100'),(17, '110228', '密云县', '110200'),(18, '110229', '延庆县', '110200'),(19, '120101', '和平区', '120100'),(20, '120102', '河东区', '120100'),(21, '120103', '河西区', '120100'),(22, '120104', '南开区', '120100'),(23, '120105', '河北区', '120100'),(24, '120106', '红桥区', '120100'),(25, '120107', '塘沽区', '120100'),(26, '120108', '汉沽区', '120100'),(27, '120109', '⼤港区', '120100'),(28, '120110', '东丽区', '120100'),(29, '120111', '西青区', '120100'),(30, '120112', '津南区', '120100'),(31, '120113', '北⾠区', '120100'),(32, '120114', '武清区', '120100'),(33, '120115', '宝坻区', '120100'),(34, '120221', '宁河县', '120200'),(35, '120223', '静海县', '120200'),(36, '120225', '蓟 县', '120200'),(37, '130101', '市辖区', '130100'),(38, '130102', '长安区', '130100'),(39, '130103', '桥东区', '130100'),(40, '130104', '桥西区', '130100'),(41, '130105', '新华区', '130100'),(42, '130107', '井陉矿区', '130100'),(43, '130108', '裕华区', '130100'),(44, '130121', '井陉县', '130100'),(45, '130123', '正定县', '130100'),(46, '130124', '栾城县', '130100'),(47, '130125', '⾏唐县', '130100'),(48, '130126', '灵寿县', '130100'),(49, '130127', '⾼⾢县', '130100'),(50, '130128', '深泽县', '130100'),(51, '130129', '赞皇县', '130100'),(52, '130130', '⽆极县', '130100'),(53, '130131', '平⼭县', '130100'),(54, '130132', '元⽒县', '130100'),(55, '130133', '赵 县', '130100'),(56, '130181', '⾟集市', '130100'),(57, '130182', '藁城市', '130100'),(58, '130183', '晋州市', '130100'),(59, '130184', '新乐市', '130100'),(60, '130185', '⿅泉市', '130100'),(61, '130201', '市辖区', '130200'),(62, '130202', '路南区', '130200'),(63, '130203', '路北区', '130200'),(64, '130204', '古冶区', '130200'),(73, '130230', '唐海县', '130200'), (74, '130281', '遵化市', '130200'), (75, '130283', '迁安市', '130200'), (76, '130301', '市辖区', '130300'), (77, '130302', '海港区', '130300'), (78, '130303', '⼭海关区', '130300'), (79, '130304', '北戴河区', '130300'), (80, '130321', '青龙满族⾃治县', '130300'), (81, '130322', '昌黎县', '130300'), (82, '130323', '抚宁县', '130300'), (83, '130324', '卢龙县', '130300'), (84, '130401', '市辖区', '130400'), (85, '130402', '邯⼭区', '130400'), (86, '130403', '丛台区', '130400'), (87, '130404', '复兴区', '130400'), (88, '130406', '峰峰矿区', '130400'), (89, '130421', '邯郸县', '130400'), (90, '130423', '临漳县', '130400'), (91, '130424', '成安县', '130400'), (92, '130425', '⼤名县', '130400'), (93, '130426', '涉 县', '130400'), (94, '130427', '磁 县', '130400'), (95, '130428', '肥乡县', '130400'), (96, '130429', '永年县', '130400'), (97, '130430', '邱 县', '130400'), (98, '130431', '鸡泽县', '130400'), (99, '130432', '⼴平县', '130400'), (100, '130433', '馆陶县', '130400'), (101, '130434', '魏 县', '130400'), (102, '130435', '曲周县', '130400'), (103, '130481', '武安市', '130400'), (104, '130501', '市辖区', '130500'), (105, '130502', '桥东区', '130500'), (106, '130503', '桥西区', '130500'), (107, '130521', '邢台县', '130500'), (108, '130522', '临城县', '130500'), (109, '130523', '内丘县', '130500'), (110, '130524', '柏乡县', '130500'), (111, '130525', '隆尧县', '130500'), (112, '130526', '任 县', '130500'), (113, '130527', '南和县', '130500'), (114, '130528', '宁晋县', '130500'), (115, '130529', '巨⿅县', '130500'), (116, '130530', '新河县', '130500'), (117, '130531', '⼴宗县', '130500'), (118, '130532', '平乡县', '130500'), (119, '130533', '威 县', '130500'), (120, '130534', '清河县', '130500'), (121, '130535', '临西县', '130500'), (122, '130581', '南宫市', '130500'), (123, '130582', '沙河市', '130500'), (124, '130601', '市辖区', '130600'), (125, '130602', '新市区', '130600'), (126, '130603', '北市区', '130600'), (127, '130604', '南市区', '130600'), (128, '130621', '满城县', '130600'), (129, '130622', '清苑县', '130600'), (130, '130623', '涞⽔县', '130600'), (131, '130624', '⾩平县', '130600'), (132, '130625', '徐⽔县', '130600'), (133, '130626', '定兴县', '130600'), (134, '130627', '唐 县', '130600'), (135, '130628', '⾼阳县', '130600'), (136, '130629', '容城县', '130600'), (137, '130630', '涞源县', '130600'), (138, '130631', '望都县', '130600'), (139, '130632', '安新县', '130600'), (140, '130633', '易 县', '130600'), (141, '130634', '曲阳县', '130600'), (142, '130635', '蠡 县', '130600'), (143, '130636', '顺平县', '130600'), (144, '130637', '博野县', '130600'), (145, '130638', '雄 县', '130600'), (146, '130681', '涿州市', '130600'), (147, '130682', '定州市', '130600'), (148, '130683', '安国市', '130600'),(157, '130723', '康保县', '130700'),(158, '130724', '沽源县', '130700'),(159, '130725', '尚义县', '130700'),(160, '130726', '蔚 县', '130700'),(161, '130727', '阳原县', '130700'),(162, '130728', '怀安县', '130700'),(163, '130729', '万全县', '130700'),(164, '130730', '怀来县', '130700'),(165, '130731', '涿⿅县', '130700'),(166, '130732', '⾚城县', '130700'),(167, '130733', '崇礼县', '130700'),(168, '130801', '市辖区', '130800'),(169, '130802', '双桥区', '130800'),(170, '130803', '双滦区', '130800'),(171, '130804', '鹰⼿营⼦矿区', '130800'), (172, '130821', '承德县', '130800'),(173, '130822', '兴隆县', '130800'),(174, '130823', '平泉县', '130800'),(175, '130824', '滦平县', '130800'),(176, '130825', '隆化县', '130800'),(177, '130826', '丰宁满族⾃治县', '130800'), (178, '130827', '宽城满族⾃治县', '130800'), (179, '130828', '围场满族蒙古族⾃治县', '130800'), (180, '130901', '市辖区', '130900'),(181, '130902', '新华区', '130900'),(182, '130903', '运河区', '130900'),(183, '130921', '沧 县', '130900'),(184, '130922', '青 县', '130900'),(185, '130923', '东光县', '130900'),(186, '130924', '海兴县', '130900'),(187, '130925', '盐⼭县', '130900'),(188, '130926', '肃宁县', '130900'),(189, '130927', '南⽪县', '130900'),(190, '130928', '吴桥县', '130900'),(191, '130929', '献 县', '130900'),(192, '130930', '孟村回族⾃治县', '130900'), (193, '130981', '泊头市', '130900'),(194, '130982', '任丘市', '130900'),(195, '130983', '黄骅市', '130900'),(196, '130984', '河间市', '130900'),(197, '131001', '市辖区', '131000'),(198, '131002', '安次区', '131000'),(199, '131003', '⼴阳区', '131000'),(200, '131022', '固安县', '131000'),(201, '131023', '永清县', '131000'),(202, '131024', '⾹河县', '131000'),(203, '131025', '⼤城县', '131000'),(204, '131026', '⽂安县', '131000'),(205, '131028', '⼤⼚回族⾃治县', '131000'), (206, '131081', '霸州市', '131000'),(207, '131082', '三河市', '131000'),(208, '131101', '市辖区', '131100'),(209, '131102', '桃城区', '131100'),(210, '131121', '枣强县', '131100'),(211, '131122', '武⾢县', '131100'),(212, '131123', '武强县', '131100'),(213, '131124', '饶阳县', '131100'),(214, '131125', '安平县', '131100'),(215, '131126', '故城县', '131100'),(216, '131127', '景 县', '131100'),(217, '131128', '⾩城县', '131100'),(218, '131181', '冀州市', '131100'),(219, '131182', '深州市', '131100'),(220, '140101', '市辖区', '140100'),(221, '140105', '⼩店区', '140100'),(222, '140106', '迎泽区', '140100'),(223, '140107', '杏花岭区', '140100'),(224, '140108', '尖草坪区', '140100'),(225, '140109', '万柏林区', '140100'),(226, '140110', '晋源区', '140100'),(227, '140121', '清徐县', '140100'),(228, '140122', '阳曲县', '140100'),(229, '140123', '娄烦县', '140100'),(230, '140181', '古交市', '140100'),(231, '140201', '市辖区', '140200'),(232, '140202', '城 区', '140200'),(241, '140226', '左云县', '140200'), (242, '140227', '⼤同县', '140200'), (243, '140301', '市辖区', '140300'), (244, '140302', '城 区', '140300'), (245, '140303', '矿 区', '140300'), (246, '140311', '郊 区', '140300'), (247, '140321', '平定县', '140300'), (248, '140322', '盂 县', '140300'), (249, '140401', '市辖区', '140400'), (250, '140402', '城 区', '140400'), (251, '140411', '郊 区', '140400'), (252, '140421', '长治县', '140400'), (253, '140423', '襄垣县', '140400'), (254, '140424', '屯留县', '140400'), (255, '140425', '平顺县', '140400'), (256, '140426', '黎城县', '140400'), (257, '140427', '壶关县', '140400'), (258, '140428', '长⼦县', '140400'), (259, '140429', '武乡县', '140400'), (260, '140430', '沁 县', '140400'), (261, '140431', '沁源县', '140400'), (262, '140481', '潞城市', '140400'), (263, '140501', '市辖区', '140500'), (264, '140502', '城 区', '140500'), (265, '140521', '沁⽔县', '140500'), (266, '140522', '阳城县', '140500'), (267, '140524', '陵川县', '140500'), (268, '140525', '泽州县', '140500'), (269, '140581', '⾼平市', '140500'), (270, '140601', '市辖区', '140600'), (271, '140602', '朔城区', '140600'), (272, '140603', '平鲁区', '140600'), (273, '140621', '⼭阴县', '140600'), (274, '140622', '应 县', '140600'), (275, '140623', '右⽟县', '140600'), (276, '140624', '怀仁县', '140600'), (277, '140701', '市辖区', '140700'), (278, '140702', '榆次区', '140700'), (279, '140721', '榆社县', '140700'), (280, '140722', '左权县', '140700'), (281, '140723', '和顺县', '140700'), (282, '140724', '昔阳县', '140700'), (283, '140725', '寿阳县', '140700'), (284, '140726', '太⾕县', '140700'), (285, '140727', '祁 县', '140700'), (286, '140728', '平遥县', '140700'), (287, '140729', '灵⽯县', '140700'), (288, '140781', '介休市', '140700'), (289, '140801', '市辖区', '140800'), (290, '140802', '盐湖区', '140800'), (291, '140821', '临猗县', '140800'), (292, '140822', '万荣县', '140800'), (293, '140823', '闻喜县', '140800'), (294, '140824', '稷⼭县', '140800'), (295, '140825', '新绛县', '140800'), (296, '140826', '绛 县', '140800'), (297, '140827', '垣曲县', '140800'), (298, '140828', '夏 县', '140800'), (299, '140829', '平陆县', '140800'), (300, '140830', '芮城县', '140800'), (301, '140881', '永济市', '140800'), (302, '140882', '河津市', '140800'), (303, '140901', '市辖区', '140900'), (304, '140902', '忻府区', '140900'), (305, '140921', '定襄县', '140900'), (306, '140922', '五台县', '140900'), (307, '140923', '代 县', '140900'), (308, '140924', '繁峙县', '140900'), (309, '140925', '宁武县', '140900'), (310, '140926', '静乐县', '140900'), (311, '140927', '神池县', '140900'), (312, '140928', '五寨县', '140900'), (313, '140929', '岢岚县', '140900'), (314, '140930', '河曲县', '140900'), (315, '140931', '保德县', '140900'), (316, '140932', '偏关县', '140900'),(325, '141026', '安泽县', '141000'),(326, '141027', '浮⼭县', '141000'),(327, '141028', '吉 县', '141000'),(328, '141029', '乡宁县', '141000'),(329, '141030', '⼤宁县', '141000'),(330, '141031', '隰 县', '141000'),(331, '141032', '永和县', '141000'),(332, '141033', '蒲 县', '141000'),(333, '141034', '汾西县', '141000'),(334, '141081', '侯马市', '141000'),(335, '141082', '霍州市', '141000'),(336, '141101', '市辖区', '141100'),(337, '141102', '离⽯区', '141100'),(338, '141121', '⽂⽔县', '141100'),(339, '141122', '交城县', '141100'),(340, '141123', '兴 县', '141100'),(341, '141124', '临 县', '141100'),(342, '141125', '柳林县', '141100'),(343, '141126', '⽯楼县', '141100'),(344, '141127', '岚 县', '141100'),(345, '141128', '⽅⼭县', '141100'),(346, '141129', '中阳县', '141100'),(347, '141130', '交⼝县', '141100'),(348, '141181', '孝义市', '141100'),(349, '141182', '汾阳市', '141100'),(350, '150101', '市辖区', '150100'),(351, '150102', '新城区', '150100'),(352, '150103', '回民区', '150100'),(353, '150104', '⽟泉区', '150100'),(354, '150105', '赛罕区', '150100'),(355, '150121', '⼟默特左旗', '150100'), (356, '150122', '托克托县', '150100'),(357, '150123', '和林格尔县', '150100'), (358, '150124', '清⽔河县', '150100'),(359, '150125', '武川县', '150100'),(360, '150201', '市辖区', '150200'),(361, '150202', '东河区', '150200'),(362, '150203', '昆都仑区', '150200'),(363, '150204', '青⼭区', '150200'),(364, '150205', '⽯拐区', '150200'),(365, '150206', '⽩云矿区', '150200'),(366, '150207', '九原区', '150200'),(367, '150221', '⼟默特右旗', '150200'), (368, '150222', '固阳县', '150200'),(369, '150223', '达尔罕茂明安联合旗', '150200'), (370, '150301', '市辖区', '150300'),(371, '150302', '海勃湾区', '150300'),(372, '150303', '海南区', '150300'),(373, '150304', '乌达区', '150300'),(374, '150401', '市辖区', '150400'),(375, '150402', '红⼭区', '150400'),(376, '150403', '元宝⼭区', '150400'),(377, '150404', '松⼭区', '150400'),(378, '150421', '阿鲁科尔沁旗', '150400'), (379, '150422', '巴林左旗', '150400'),(380, '150423', '巴林右旗', '150400'),(381, '150424', '林西县', '150400'),(382, '150425', '克什克腾旗', '150400'), (383, '150426', '翁⽜特旗', '150400'),(384, '150428', '喀喇沁旗', '150400'),(385, '150429', '宁城县', '150400'),(386, '150430', '敖汉旗', '150400'),(387, '150501', '市辖区', '150500'),(388, '150502', '科尔沁区', '150500'),(389, '150521', '科尔沁左翼中旗', '150500'), (390, '150522', '科尔沁左翼后旗', '150500'), (391, '150523', '开鲁县', '150500'),(392, '150524', '库伦旗', '150500'),(393, '150525', '奈曼旗', '150500'),(394, '150526', '扎鲁特旗', '150500'),(395, '150581', '霍林郭勒市', '150500'), (396, '150602', '东胜区', '150600'),(397, '150621', '达拉特旗', '150600'),(398, '150622', '准格尔旗', '150600'),(399, '150623', '鄂托克前旗', '150600'), (400, '150624', '鄂托克旗', '150600'),(407, '150722', '莫⼒达⽡达斡尔族⾃治旗', '150700'), (408, '150723', '鄂伦春⾃治旗', '150700'),(409, '150724', '鄂温克族⾃治旗', '150700'), (410, '150725', '陈巴尔虎旗', '150700'),(411, '150726', '新巴尔虎左旗', '150700'),(412, '150727', '新巴尔虎右旗', '150700'),(413, '150781', '满洲⾥市', '150700'),(414, '150782', '⽛克⽯市', '150700'),(415, '150783', '扎兰屯市', '150700'),(416, '150784', '额尔古纳市', '150700'),(417, '150785', '根河市', '150700'),(418, '150801', '市辖区', '150800'),(419, '150802', '临河区', '150800'),(420, '150821', '五原县', '150800'),(421, '150822', '磴⼝县', '150800'),(422, '150823', '乌拉特前旗', '150800'),(423, '150824', '乌拉特中旗', '150800'),(424, '150825', '乌拉特后旗', '150800'),(425, '150826', '杭锦后旗', '150800'),(426, '150901', '市辖区', '150900'),(427, '150902', '集宁区', '150900'),(428, '150921', '卓资县', '150900'),(429, '150922', '化德县', '150900'),(430, '150923', '商都县', '150900'),(431, '150924', '兴和县', '150900'),(432, '150925', '凉城县', '150900'),(433, '150926', '察哈尔右翼前旗', '150900'), (434, '150927', '察哈尔右翼中旗', '150900'), (435, '150928', '察哈尔右翼后旗', '150900'), (436, '150929', '四⼦王旗', '150900'),(437, '150981', '丰镇市', '150900'),(438, '152201', '乌兰浩特市', '152200'),(439, '152202', '阿尔⼭市', '152200'),(440, '152221', '科尔沁右翼前旗', '152200'), (441, '152222', '科尔沁右翼中旗', '152200'), (442, '152223', '扎赉特旗', '152200'),(443, '152224', '突泉县', '152200'),(444, '152501', '⼆连浩特市', '152500'),(445, '152502', '锡林浩特市', '152500'),(446, '152522', '阿巴嘎旗', '152500'),(447, '152523', '苏尼特左旗', '152500'),(448, '152524', '苏尼特右旗', '152500'),(449, '152525', '东乌珠穆沁旗', '152500'),(450, '152526', '西乌珠穆沁旗', '152500'),(451, '152527', '太仆寺旗', '152500'),(452, '152528', '镶黄旗', '152500'),(453, '152529', '正镶⽩旗', '152500'),(454, '152530', '正蓝旗', '152500'),(455, '152531', '多伦县', '152500'),(456, '152921', '阿拉善左旗', '152900'),(457, '152922', '阿拉善右旗', '152900'),(458, '152923', '额济纳旗', '152900'),(459, '210101', '市辖区', '210100'),(460, '210102', '和平区', '210100'),(461, '210103', '沈河区', '210100'),(462, '210104', '⼤东区', '210100'),(463, '210105', '皇姑区', '210100'),(464, '210106', '铁西区', '210100'),(465, '210111', '苏家屯区', '210100'),(466, '210112', '东陵区', '210100'),(467, '210113', '新城⼦区', '210100'),(468, '210114', '于洪区', '210100'),(469, '210122', '辽中县', '210100'),(470, '210123', '康平县', '210100'),(471, '210124', '法库县', '210100'),(472, '210181', '新民市', '210100'),(473, '210201', '市辖区', '210200'),(474, '210202', '中⼭区', '210200'),(475, '210203', '西岗区', '210200'),(476, '210204', '沙河⼝区', '210200'),(477, '210211', '⽢井⼦区', '210200'),(478, '210212', '旅顺⼝区', '210200'),(479, '210213', '⾦州区', '210200'),(480, '210224', '长海县', '210200'),(481, '210281', '⽡房店市', '210200'),(482, '210282', '普兰店市', '210200'),(483, '210283', '庄河市', '210200'),(484, '210301', '市辖区', '210300'),。
省市二级联动数据库生成代码(JAVA)
省市二级联动数据库生成代码（JAVA）来源：开发界数据来源于谷歌地图省市列表（无省、市、区字样）省市列表（带省、市、区）源代码注意：由于我不想把省、市、区这样的字也转换成拼音，如河北省转换为HBS，北京市转换为BJS，我把省、市、区相关字样已删除，但我也保留了原文件，有需要的可以下载。
表结构：[sql] view plaincopyprint?CREATE TABLE IF NOT EXISTS `city` (`id` varchar(50) NOT NULL,`type` varchar(50) NOT NULL,`parent_id` varchar(50) NOT NULL,`name` varchar(50) NOT NULL,`short` varchar(50) NOT NULL,PRIMARY KEY (`id`)) ENGINE=InnoDB DEFAULT CHARSET=utf8;CREATE TABLE IF NOT EXISTS `city` (`id` varchar(50) NOT NULL,`type` varchar(50) NOT NULL,`parent_id` varchar(50) NOT NULL,`name` varchar(50) NOT NULL,`short` varchar(50) NOT NULL,PRIMARY KEY (`id`)) ENGINE=InnoDB DEFAULT CHARSET=utf8;具体实现请看以下代码：[java] view plaincopyprint?package com.zxq.pinyin;import java.io.BufferedReader;import java.io.File;import java.io.FileInputStream;import java.io.FileNotFoundException;import java.io.IOException;import java.io.InputStreamReader;import java.util.ArrayList;import java.util.Iterator;import java.util.LinkedHashMap;import java.util.List;import java.util.Map;import java.util.Map.Entry;import java.util.Set;import net.sourceforge.pinyin4j.PinyinHelper;import net.sourceforge.pinyin4j.format.HanyuPinyinCaseType;import net.sourceforge.pinyin4j.format.HanyuPinyinOutputFormat;import net.sourceforge.pinyin4j.format.HanyuPinyinToneType;import net.sourceforge.pinyin4j.format.HanyuPinyinVCharType;import net.sourceforge.pinyin4j.format.exception.BadHanyuPinyinOutputFormatCombination;public class Covert {/*** 汉字转拼音，并将结果保存到省或市的map中* @param words 需要转换的字符串* @param provinceOrCity 省或市的Map*/public static void wordToPinYinSZM(String words, Map<String, String> provinceOrCity) { //调用Pinyin4J的方法//定义拼音输出格式HanyuPinyinOutputFormat hof = new HanyuPinyinOutputFormat();//大写hof.setCaseType(HanyuPinyinCaseType.UPPERCASE);//不包含声调hof.setToneType(HanyuPinyinToneType.WITHOUT_TONE);//u用V表示hof.setVCharType(HanyuPinyinVCharType.WITH_V);//由于只能对单字转换，所以需要把字符串转换为字符数组char[] characters = words.toCharArray();try {//StringBuilder存放结果StringBuilder sb = new StringBuilder();for(int i = 0; i < characters.length; i++) {//调用汉字转拼音核心方法，大家可以看到返回的是一个数组，因为有的汉字有多音字，所以可能返回多个//拼音结果，对此，我只取第一个,pinyinArray[0]，这样做不好的地方就是可能有的简拼不准确，例如//“重庆”我得到的是ZQ，zhong qing，这一点有待完善String[] pinyinArray = PinyinHelper.toHanyuPinyinStringArray(characters[i], hof);//substring(0, 1)则表示只取首字母sb.append(pinyinArray[0].substring(0, 1));}//放入省或市的Map中provinceOrCity.put(words, sb.toString());} catch (BadHanyuPinyinOutputFormatCombination e) {e.printStackTrace();}}/*** @param args*/public static void main(String[] args) {//读取事先定义好的省市文本文件，第一行为省/直辖市，第二行为各地级市File provinceFile = new File("F:\\province_city\\province.txt");//定义保存省、市数据的数据结构。
js实现一个省市区三级联动选择框代码分享
js实现⼀个省市区三级联动选择框代码分享运⾏效果：=================================================部分代码：=================================================当然⾸先你数据库中要有这个table，不然你没有数据.....^_^复制代码代码如下:<tr><td class="tr pr10 ">所在地:</td><td class="tl"><input type="hidden" id="myProvince" value="${user.provinceId}"/><input type="hidden" id="myCity" value="${user.cityId}"/><input type="hidden" id="myRegion" value="${user.regionId}"/><select id="provinceSelect" name="user.provinceId"><c:forEach items="${xzqhs}" var="xzqh"><option value="${xzqh.provinceId}" ${user.regionId eq xzqh.provinceId?"selected='selected'":""}>${xzqh.province}</option> </c:forEach></select><select id="citySelect" name="user.cityId"></select><select id="regionSelect" name="user.regionId"></select></td><td class="gray"></td></tr>js代码：复制代码代码如下:/*** 加载市**/function loadCity() {var provinceId = $("#provinceSelect option:selected").val();if(provinceId == null || provinceId == ""){//alert("找不到省");}else{$.post(rootPath+"/loadCity", {"q" : provinceId}, function(data, result) {if(data == "noId"){alert("请求错误");}else if(data == "null"){alert("系统找不到属于该省的市");}else{data = eval("{" + data + "}");var citySelect = $("#citySelect");var myCity = $("#myCity").val();citySelect.html("");for ( var i = 0; i < data.length; i++) {if(myCity != null && myCity != "" && myCity > 0 && myCity == data[i].id){citySelect.append("<option selected='selected' value='" + data[i].id + "'>"+ data[i].name + "</option>");}else{citySelect.append("<option value='" + data[i].id + "'>"+ data[i].name + "</option>");}}loadRegion();}});}};/*** 加载区**/function loadRegion() {var cityId = $("#citySelect option:selected").val();if(cityId == null || cityId == "" || cityId < 1){alert("找不到市");}else{$.post(rootPath+"/loadRegion", {"q" : cityId}, function(data, result) {if(data == "noId"){alert("请求错误");}else if(data == "null"){alert("系统找不到属于该市的区");}else{data = eval("{" + data + "}");var regionSelect = $("#regionSelect");var myRegion = $("#myRegion").val();regionSelect.html("");for ( var i = 0; i < data.length; i++) {if(myRegion != null && myRegion != "" && myRegion > 0 && myRegion == data[i].id){ regionSelect.append("<option selected='selected' value='" + data[i].id + "'>"+ data[i].name + "</option>");}else{regionSelect.append("<option value='" + data[i].id + "'>"+ data[i].name + "</option>");}}}});}};/*** 省改变事件**/$("#provinceSelect").change(loadCity);/*** 市改变事件**/$("#citySelect").change(loadRegion);$(function() {loadCity();});后台⽅法：复制代码代码如下:/*** 加载城市数据**/public void loadCity() {if (q == null || q.trim().equals("")) {write("noId");} else {List<Xzqh> citys = xzqhService.queryCitys(q.trim());if (citys == null || citys.size() < 1) {write("null");} else {StringBuilder builder = new StringBuilder("[");for (Xzqh city : citys) {builder.append("{'id':'");builder.append(city.getCityId());builder.append("','name':'");builder.append(city.getCity());builder.append("'},");}if (builder.length() > 1)builder.replace(builder.length() - 1, builder.length(), "]"); write(builder.toString());}}}/*** 加载区数据**/public void loadRegion() {if (q == null || q.trim().equals("")) {write("noId");} else {List<Xzqh> citys = xzqhService.queryDistricts(q.trim()); if (citys == null || citys.size() < 1) {write("null");} else {StringBuilder builder = new StringBuilder("[");for (Xzqh district : citys) {builder.append("{'id':'");builder.append(district.getRegionId());builder.append("','name':'");builder.append(district.getRegion());builder.append("'},");}if (builder.length() > 1)builder.replace(builder.length() - 1, builder.length(), "]"); write(builder.toString());}}}。
pos商户地区代码
pos商户地区代码
银联地区码省份城市1000北京北京
1100天津天津
1210河北石家庄1240河北唐山
1260河北秦皇岛1270河北邯郸
1310河北邢台
1340河北保定
1380河北张家口1410河北承德
1430河北沧州
1460河北廊坊
1480河北衡水
1610山西太原
1620山西大同
1650山西阳泉
1660山西长治
1680山西晋城
1690山西朔州
1710山西忻州
1730山西吕梁
1750山西晋中
1750山西离石
1750山西榆次
1770山西临汾
1810山西运城
1910内蒙古呼和浩特1920内蒙古包头1930内蒙古乌海1940内蒙古赤峰1960内蒙古呼伦贝尔1980内蒙古兴安1990内蒙古通辽2010内蒙古锡林郭勒2030内蒙古乌兰察布2050内蒙古鄂尔多斯2070内蒙古巴彦淖尔2080内蒙古阿拉善2210辽宁沈阳2220辽宁大连
2230辽宁鞍山2240辽宁抚顺2250辽宁本溪。
微信小程序使用picker封装省市区三级联动实例代码
微信⼩程序使⽤picker封装省市区三级联动实例代码微信⼩程序使⽤picker封装省市区三级联动实例⽬前学习⼩程序更多的是看看能否⼆次封装其它组件，利于以后能快速开发各种⼩程序应⽤。
⽬前发现picker的selector模式只有⼀级下拉，那么我们是否可以通过3个picker来实现三级联动模板的形式来引⼊其它页⾯中呢？答案是肯定可以的。
那么我的思路是这样的：1、使⽤template模板语法进⾏封装，数据从页⾯传⼊2、根据picker组件的语法，range只能是⼀组中⽂地区数组，但是我们需要每个地区的唯⼀码来触发下⼀级联动数据。
这样，我的做法是通过⼀个对象⾥⾯的两组数据分表存储中⽂名和唯⼀码的两个对象数组。
格式【province:{code:['110000','220000'...], name: ['北京市', '天津市'...]}】，这个格式是固定的，需要服务端配合返回3、通过picker的bindchange事件来获取下⼀级的数据，每个⽅法都写⼊函数中在暴露出来供页⾯调⽤然后讲下我demo的⽬录结构：common-net.js//wx.request请求接⼝⼆次整合-cityTemplate.js//三级联动⽅法page-demo-demo.js-demo.wxmltemplate-cityTemplate.wxmlapp.jsapp.jsonapp.wxss然后，使⽤phpstudy搭建了简单的服务端供测试。
不要问我服务端的为啥是这样的，我也不懂，刚⼊门我只要数据...当然你可以省掉这⼀步，将数据直接固定在demo.js⾥⾯进⾏测试...代码如下：【服务端的返回数据格式是遵循了下⾯的retArr的规范的】<?phpheader("Content-type: text/html; charset=utf-8");$type=$_REQUEST["type"];//获取省市区的标志$fcode=$_GET["fcode"];$retArr=["status"=>true,"data"=>[],"msg"=>""];if($type!="province" && $type!="city" && $type!="county"){$retArr["status"]=false;$retArr["msg"]="获取地区类型错误，请检查";echo json_encode($retArr);exit;}function getProvince(){$province=[];$code=["110000", "350000", "710000"];$province["code"]=$code;$name=["北京市", "福建省", "台湾省"];$province["name"]=$name;$fcode=["0", "0", "0"];$province["fcode"]=$fcode;return $province;}function getCity($P_fcode){$city=[];$code=[];$name=[];$fcode=[];if($P_fcode=="110000"){$code=["110100"];$name=["北京市"];$fcode=$P_fcode;}if($P_fcode=="350000"){$code=["350100", "350200", "350300", "350400", "350500", "350600", "350700", "350800", "350900"]; $name=["福州市", "厦门市", "莆⽥市", "三明市", "泉州市", "漳州市", "南平市", "龙岩市", "宁德市"];$fcode=$P_fcode;}if($P_fcode=="710000"){}$city=["code"=>$code, "name"=>$name, "fcode"=>$fcode];return $city;}function getCounty($P_fcode){$county=[];$code=[];$name=[];$fcode=[];if($P_fcode=="110100"){$code=["110101", "110102", "110103", "110104", "110105", "110106", "110107"];$name=["东城区", "西城区", "崇⽂区", "宣武区", "朝阳区", "丰台区", "⽯景⼭区"];$fcode=$P_fcode;}if($P_fcode=="350100"){$code=["350102", "350103", "350104"];$name=["⿎楼区", "台江区", "苍⼭区"];$fcode=$P_fcode;}if($P_fcode=="350200"){$code=["350203", "350205", "350206"];$name=["思明区", "海沧区", "湖⾥区"];$fcode=$P_fcode;}$county=["code"=>$code, "name"=>$name, "fcode"=>$fcode];return $county;}//var_dump($province);if($type=="province"){$province=getProvince();$retArr["data"]=$province;}else if($type=="city"){$city=getCity($fcode);$retArr["data"]=$city;}else if($type="county"){$county=getCounty($fcode);$retArr["data"]=$county;}echo json_encode($retArr);>接下来是cityTemplate.wxml：：<template name="city"><view class="areas"><view class="province"><picker bindchange="provincePickerChange" value="{{provinceIndex}}" range="{{}}" data-city-url="{{cityUrl}}"> <text class="select-item">{{[provinceIndex]}}</text></picker></view><view class="city"><block wx:if="{{!.length}}"> --⼆级市区-- </block><block wx:if="{{.length>0}}"><picker bindchange="cityPickerChange" value="{{cityIndex}}" range="{{}}" data-county-url="{{countyUrl}}"><text class="select-item">{{[cityIndex]}}</text></picker></block></view><view class="county"><block wx:if="{{!.length}}"> --三级地区-- </block><block wx:if="{{.length>0}}"><picker bindchange="countyPickerChange" value="{{countyIndex}}" range="{{}}"><text class="select-item">{{[countyIndex]}}</text></picker></block></view></view></template>cityTemplate.js：：/*** 获取三级联动的三个函数* that: 注册页⾯的this实例必填* p_url: ⼀级省份url 必填* p_data：⼀级省份参数选填*/var net = require( "net" );//引⼊request⽅法var g_url, g_datd, g_cbSuccess, g_cbSuccessErr, g_cbFail, g_cbComplete, g_header, g_method;function initCityFun( that, p_url, p_data ) {//获取⼀级省份数据g_cbSuccess = function( res ) {that.setData( {'city.province': res});};net.r( p_url, p_data, g_cbSuccess, g_cbSuccessErr, g_cbFail, g_cbComplete, g_header, g_method );//点击⼀级picker触发事件并获取市区⽅法var changeProvince = function( e ) {that.setData( {'city.provinceIndex': e.detail.value});var _fcode = that.data.city.province.code[ e.detail.value ];if( !_fcode ) {_fcode = 0;}var _cityUrl = e.target.dataset.cityUrl;g_url = _cityUrl + _fcode;g_cbSuccess = function( res ) {that.setData( {'city.city': res});}net.r( g_url, g_datd, g_cbSuccess, g_cbSuccessErr, g_cbFail, g_cbComplete, g_header, g_method );};that[ "provincePickerChange" ] = changeProvince;//点击⼆级picker触发事件并获取地区⽅法var changeCity = function( e ) {that.setData( {'city.cityIndex': e.detail.value});var _fcode = that.data.city.city.code[ e.detail.value ];if( !_fcode ) {_fcode = 0;}var _countyUrl = e.target.dataset.countyUrl;g_url = _countyUrl + _fcode;g_cbSuccess = function( res ) {that.setData( {'city.county': res});};net.r( g_url, g_datd, g_cbSuccess, g_cbSuccessErr, g_cbFail, g_cbComplete, g_header, g_method );};that[ "cityPickerChange" ] = changeCity;//点击三级picker触发事件var changeCounty = function( e ) {that.setData( {'city.countyIndex': e.detail.value});};that["countyPickerChange"]=changeCounty;}function getProvinceFun(that, p_url, p_data){g_cbSuccess = function( res ) {that.setData( {'city.province': res});};net.r( p_url, p_data, g_cbSuccess, g_cbSuccessErr, g_cbFail, g_cbComplete, g_header, g_method );}module.exports={initCityFun: initCityFun,getProvinceFun: getProvinceFun}顺道net.js⽅法：：/*** ⽹络发送http请求,默认为返回类型为json** url: 必须,其他参数⾮必须接⼝地址* data:请求的参数 Object或String* successFun(dts):成功返回的回调函数，已⾃动过滤微信端添加数据,按接⼝约定,返回成功后的data数据,过滤掉msg和status * successErrorFun(msg):成功执⾏请求,但是服务端认为业务错误,执⾏其他⾏为,默认弹出系统提⽰信息.* failFun:接⼝调⽤失败的回调函数* completeFun:接⼝调⽤结束的回调函数（调⽤成功、失败都会执⾏）* header:object,设置请求的 header , header 中不能设置 Referer* method:默认为 GET，有效值：OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT**/function r( url, data, successFun, successErrorFun, failFun, completeFun, header, method ) {var reqObj = {};reqObj.url = url;reqObj.data = data;//默认头为jsonreqObj.header = { 'Content-Type': 'application/json' };if( header ) {//覆盖headerreqObj.header = header;}if( method ) {reqObj.method = method;}reqObj.success = function( res ) {var returnData = res.data; //将微信端结果过滤,获取服务端返回的原样数据var status = returnData.status; //按接⼝约定,返回status时,才调⽤成功函数//console.log(res);//正常执⾏的业务函数if( status == true ) {if( successFun ) {var dts = returnData.data;successFun( dts );//回调，相当于获取到data后直接在回调⾥⾯处理赋值数据}} else if( status == false ) {var msg = returnData.msg;if( !successErrorFun ) {console.log( msg );} else {successErrorFun( msg );}} else {console.log( "服务端没有按照接⼝约定格式返回数据" );}}reqObj.fail = function( res ) {if( failFun ) {failFun( res );}}plete = function( res ) {if( completeFun ) {completeFun( res );}}wx.request( reqObj );}module.exports = {r: r}核⼼代码就是上⾯这三个⽂件，接下来是demo⽂件做测试：：demo.wxml：：<import src="../../template/cityTemplate.wxml"/><template is="city" data="{{...city}}" />demo.js：：var city = require( '../../common/cityTemplate' );Page( {data: {},onLoad: function( options ) {var _that = this;//创建三级联动数据对象 ---- 这个city对象是固定的，只有请求的url是根据各⾃的服务端地址来更改的_that.setData( {city: {province: {},//格式province:{code: ["11000", "12000"], name: ["北京市", "上海市"]},只能固定是name和code，因为模板需要根据这俩参数显⽰city: {},county: {},provinceIndex: 0,cityIndex: 0,countyIndex: 0,cityUrl: "http://localhost:8282/phpserver/areas.php?type=city&fcode=",//type表⽰获取地区 fcode是⼀级code码，到时具体根据后端请求参数修改 countyUrl: "http://localhost:8282/phpserver/areas.php?type=county&fcode="}})var _url = "http://localhost:8282/phpserver/areas.php";var _data = { 'type': 'province', 'fcode': '0' };city.initCityFun( _that, _url, _data );}})以上完整代码⽂件，最终测试如下：这⾥存在⼀个bug，开启下拉刷新和picker组件的下拉会重叠了，不知道是开发⼯具原因，还是还为修改的bug。
省市区三级联动数据库代码（国家统计局最新代码、包含整理步骤）
省市区三级联动数据库代码（国家统计局最新代码、包含整理步骤）最终整理后的成果图。
最近项⽬要⽤到省市区地址三级联动。
原有的数据是⽼版本的。
在⽹上找了找，发现很多，也很杂。
最终决定⾃⼰整理⼀份，就当练⼿了。
看到的数据只有代码和名称两列数据如：110000 北京市110100 市辖区110101 东城区去空格整理后复制到excel 表中供导⼊数据库1、⾸先要把地址分出 1 、2 、3 级代表省、市、区。
那么问题来了。
原先想依据名称列的缩进来进⾏区分，但是想想有点复杂，⽽且容易出错。
后来⽤地区的编码规律来区分编码为 6 个字符组成例如：110101⾸先把表结构建起来吧。
从Excel表导⼊数据吧,这个就不说咯现在开始了！如果后4位为"0000" ---------------------是省级 1UPDATE[region]SET level=1WHERE SUBSTRING(code,3,6) ='0000'GO如果后2位为"00" 和等级level 不等于1----------是市级 2UPDATE[Test].[dbo].[region]SET[level]=2WHERE SUBSTRING(code,5,6) ='00'and ([level]<>1 ro [level] is null)GO备注：什么？执⾏了没效果？先把 level 字段赋值为 0 吧。
UPDATE [region]SET level = 0WHERE level is nullGO其他的 -----------------------------------是区级 3UPDATE[region]SET level=3WHERE level = 0GO2、现在我们来把⽗ID 整理出来也是依靠地址编码看代码就懂了啦省级UPDATE[region]SET parent_id =0WHERE level=1GO市级UPDATE aSET a.[parent_id]= b.[id]from[region] a,[region] bWHERE SUBSTRING(a.[code],1,2) =SUBSTRING(b.[code],1,2) and a.[level]=2and b.[level]=1GO区级UPDATE aSET a.[parent_id]= b.[id]from[region] a,[region] bWHERE SUBSTRING(a.[code],1,4) =SUBSTRING(b.[code],1,4) and a.[level]=3and b.[level]=2GO3、整理地区全称（这个字段有必要整理出来，原因嘛，选择联动地区获得省市区地址名称的时候会有意外的惊喜！例如：北京市市辖区XXX区，北京市县XXX县虽然没错但是影响美观）直接上代码：UPDATE[region]SET text_full =textWHERE id = id and level=1GOUPDATE aSET a.text_full = b.text_full + a.text from[region] a,[region] bWHERE a.parent_id = b.id and a.[level]=2and b.[level]=1GOUPDATE aSET a.text_full = b.text_full + a.text_full from[region] a,[region] bWHERE a.parent_id = b.id and a.[level]=3and b.[level]=2GO现在好了，看下检查下数据。
Java实现省市联动部分功能参考代码
import com.bean.Promary;
import com.citymanager.Manager;
/**
*显示窗口
* @author CWB
*
*/
public class ShowView extends JFrame implements ItemListener{
}
//初始化界面方法
public void init() {
this.plbl=new JLabel("省份：");
this.clbl=new JLabel("城市：");
this.pBox=new JComboBox();this.cBox=new JComboBox();
this.pcbm=new DefaultComboBoxModel();bm=new DefaultComboBoxModel();
private List<City> cList;
private Manager manager;
//构造方法
public ShowView(){
manager=new Manager();
this.setSize(550, 400);
this.setDefaultCloseOperation(DISPOSE_ON_CLOSE);
promary.setPname(p.getPname());
//System.out.println(promary.getPname());
cList=manager.updateCity(p);
for(City c:cList){
ccbm.addElement(c.getCname());
经典pos商户地区代码.doc
银联地区码省份城市1000北京北京1100天津天津1210河北石家庄1240河北唐山1260河北秦皇岛1270河北邯郸1310河北邢台1340河北保定1380河北张家口1410河北承德1430河北沧州1460河北廊坊1480河北衡水1610山西太原1620山西大同1650山西阳泉1660山西长治1680山西晋城1690山西朔州1710山西忻州1730山西吕梁1750山西晋中1750山西离石1750山西榆次1770山西临汾1810山西运城1910内蒙古呼和浩特1920内蒙古包头1930内蒙古乌海1940内蒙古赤峰1960内蒙古呼伦贝尔1980内蒙古兴安1990内蒙古通辽2010内蒙古锡林郭勒2030内蒙古乌兰察布2050内蒙古鄂尔多斯2070内蒙古巴彦淖尔2080内蒙古阿拉善2210辽宁沈阳2220辽宁大连2230辽宁鞍山2240辽宁抚顺2250辽宁本溪2260辽宁丹东2270辽宁锦州2280辽宁营口2290辽宁阜新2310辽宁辽阳2320辽宁盘锦2330辽宁铁岭2340辽宁朝阳2360辽宁葫芦岛2410吉林长春2420吉林吉林2430吉林四平2440吉林辽源2450吉林通化2460吉林白山2470吉林白城2490吉林延边2510吉林松原2610黑龙江哈尔滨2640黑龙江齐齐哈尔2660黑龙江鸡西2670黑龙江鹤岗2680黑龙江双鸭山2690黑龙江大庆2710黑龙江伊春2720黑龙江佳木斯2740黑龙江七台河2750黑龙江牡丹江2760黑龙江绥化2780黑龙江黑河2790黑龙江大兴安岭2900上海上海3010江苏南京3020江苏无锡3030江苏徐州3040江苏常州3050江苏苏州3060江苏南通3070江苏连云港3080江苏淮安3110江苏盐城3120江苏扬州3120江苏胥浦3140江苏镇江3160江苏泰州3180江苏宿迁3310浙江杭州3320浙江宁波3330浙江温州3350浙江嘉兴3360浙江湖州3370浙江绍兴3380浙江金华3410浙江衢州3420浙江舟山3430浙江丽水3450浙江台州3610安徽合肥3615安徽巢湖3620安徽芜湖3630安徽蚌埠3640安徽淮南3650安徽马鞍山3660安徽淮北3670安徽铜陵3680安徽安庆3710安徽黄山3720安徽阜阳3740安徽宿州3750安徽滁州3760安徽六安3770安徽宣城3790安徽池州3810安徽亳州3910福建福州3930福建厦门3940福建莆田3950福建三明3970福建泉州3990福建漳州4010福建南平4030福建宁德4050福建龙岩4210江西南昌4220江西景德镇4230江西萍乡4240江西九江4260江西新余4270江西鹰潭4280江西赣州4310江西宜春4330江西上饶4350 江西吉安4370江西抚州4510山东济南4520山东青岛4530山东淄博4540山东枣庄4550山东东营4560山东烟台4580山东潍坊4610山东济宁4630 山东泰安4650山东威海4660山东滨州4680山东德州4710山东聊城4730山东临沂4750 山东菏泽4770山东日照4790 山东莱芜4910河南郑州4920河南开封4930河南洛阳4950河南平顶山4960河南安阳4970河南鹤壁4980 河南新乡5010河南焦作5017河南济源5020河南濮阳5030河南许昌5040河南漯河5050河南三门峡5060河南商丘5080河南周口5110河南驻马店5130河南南阳5150河南信阳5210湖北武汉5220湖北黄石5230湖北十堰5250湖北三峡5270湖北随州5280湖北襄樊5310湖北鄂州5311湖北神农架5320湖北荆门5330湖北黄冈5350湖北孝感5360湖北咸宁5370湖北荆州5371湖北仙桃5374湖北天门5375湖北潜江5410湖北恩施5510湖南长沙5520湖南株洲5530湖南湘潭5540湖南衡阳5550湖南邵阳5570湖南岳阳5580湖南常德5610湖南益阳5620湖南娄底5630湖南郴州5650湖南永州5670湖南怀化5690湖南湘西5691湖南吉首5810广东广州5820广东韶关5840广东深圳5850广东珠海5860广东汕头5880广东佛山5890广东江门5910广东湛江5920广东茂名5930广东肇庆5950广东惠州5960广东梅州5970广东汕尾5980广东河源5990广东阳江6010广东清远6020广东东莞6030广东中山6040广东潮州6050广东揭阳6060广东云浮6110广西南宁6140广西柳州6170广西桂林6210广西梧州6230广西北海6240广西玉林6260广西百色6280广西河池6310广西钦州6320广西防城港6330广西贵港6340广西贺州6350广西来宾6360广西崇左6410海南海口6420海南三亚6420海南洋浦421海南五指山6423海南文昌6424海南琼海6425海南万宁6426海南定安6427海南屯昌6428海南澄迈6429海南临高6431海南儋州6432海南白沙6433海南昌江6434海南东方6435海南乐东6436海南陵水6437海南保亭6438海南琼中6510四川成都6550四川自贡6560四川攀枝花6570四川泸州6580四川德阳6590四川绵阳6610四川广元6620四川遂宁6630四川内江6650四川乐山6670四川眉山6690四川广安6710四川宜宾6730四川南充6750四川达州6770四川雅安6790四川阿坝6810四川甘孜6840四川凉山6870四川巴中6880四川资阳6900重庆重庆7010贵州贵阳7020贵州六盘水7030贵州遵义7050贵州铜仁7070贵州黔西南7090贵州毕节7110贵州安顺7130贵州黔东南7150贵州黔南7310云南昆明7340云南昭通7360云南曲靖7380云南楚雄7410云南玉溪7430云南红河7450云南文山7470云南思茅7490云南西双版纳7510云南大理7530云南保山7540云南德宏7550云南丽江7560云南怒江7570云南迪庆州7571云南中甸7580云南临沧7710西藏拉萨7720西藏昌都7740西藏山南7760西藏日喀则7760西藏樟木口岸7790西藏那曲7810西藏阿里7830西藏林芝7910陕西西安7920陕西铜川7930陕西宝鸡7950陕西咸阳7970陕西渭南7990陕西汉中8010陕西安康8030陕西商洛8040陕西延安8060陕西榆林8210甘肃兰州8220甘肃嘉峪关8230甘肃金昌8240甘肃白银8250甘肃天水8260甘肃酒泉8270甘肃张掖8280甘肃武威8290甘肃定西8310甘肃陇南8330甘肃平凉8340甘肃庆阳8360甘肃临夏8380甘肃甘南州8388甘肃合作8510青海西宁8520青海海东8540青海海北8550青海黄南8560青海海南8570青海果洛8580青海玉树8590青海海西8710宁夏银川8720宁夏石嘴山8730宁夏吴忠8740宁夏固原8750宁夏中卫8810新疆乌鲁木齐8820新疆克拉玛依8830新疆吐鲁番8840新疆哈密8850新疆昌吉8870新疆博州8880新疆巴州8910新疆阿克苏8930新疆克州8940新疆喀什8960新疆和田8980新疆伊犁9010新疆塔城9020新疆阿勒泰9028新疆石河子9041新疆阿拉尔9043新疆五家渠。
pos商户地区代码
银联地区码省份城市1000北京北京1100天津天津1210河北石家庄1240河北唐山1260河北秦皇岛1270河北邯郸1310河北邢台1340河北保定1380河北张家口1410河北承德1430河北沧州1460河北廊坊1480河北衡水1610山西太原1620山西大同1650山西阳泉1660山西长治1680山西晋城1690山西朔州1710山西忻州1730山西吕梁1750山西晋中1750山西离石1750山西榆次1770山西临汾1810山西运城1910内蒙古呼和浩特1920内蒙古包头1930内蒙古乌海1940内蒙古赤峰1960内蒙古呼伦贝尔1980内蒙古兴安1990内蒙古通辽2010内蒙古锡林郭勒2030内蒙古乌兰察布2050内蒙古鄂尔多斯2070内蒙古巴彦淖尔2080内蒙古阿拉善2210辽宁沈阳2220辽宁大连2230辽宁鞍山2240辽宁抚顺2250辽宁本溪2260辽宁丹东2270辽宁锦州2280辽宁营口2290辽宁阜新2310辽宁辽阳2320辽宁盘锦2330辽宁铁岭2340辽宁朝阳2360辽宁葫芦岛2410吉林长春2420吉林吉林2430吉林四平2440吉林辽源2450吉林通化2460吉林白山2470吉林白城2490吉林延边2510吉林松原2610黑龙江哈尔滨2640黑龙江齐齐哈尔2660黑龙江鸡西2670黑龙江鹤岗2680黑龙江双鸭山2690黑龙江大庆2710黑龙江伊春2720黑龙江佳木斯2740黑龙江七台河2750黑龙江牡丹江2760黑龙江绥化2780黑龙江黑河2790黑龙江大兴安岭2900上海上海3010江苏南京3020江苏无锡3030江苏徐州3040江苏常州3050江苏苏州3060江苏南通3070江苏连云港3080江苏淮安3110江苏盐城3120江苏扬州3120江苏胥浦3140江苏镇江3160江苏泰州3180江苏宿迁3310浙江杭州3320浙江宁波3330浙江温州3350浙江嘉兴3360浙江湖州3370浙江绍兴3380浙江金华3410浙江衢州3420浙江舟山3430浙江丽水3450浙江台州3610安徽合肥3615安徽巢湖3620安徽芜湖3630安徽蚌埠3640安徽淮南3650安徽马鞍山3660安徽淮北3670安徽铜陵3680安徽安庆3710安徽黄山3720安徽阜阳3740安徽宿州3750安徽滁州3760安徽六安3770安徽宣城3790安徽池州3810安徽亳州3910福建福州3930福建厦门3940福建莆田3950福建三明3970福建泉州3990福建漳州4010福建南平4030福建宁德4050福建龙岩4210江西南昌4220江西景德镇4230江西萍乡4240江西九江4260江西新余4270江西鹰潭4280江西赣州4310江西宜春4330江西上饶4350 江西吉安4370江西抚州4510山东济南4520山东青岛4530山东淄博4540山东枣庄4550山东东营4560山东烟台4580山东潍坊4610山东济宁4630 山东泰安4650山东威海4660山东滨州4680山东德州4710山东聊城4730山东临沂4750 山东菏泽4770山东日照4790 山东莱芜4910河南郑州4920河南开封4930河南洛阳4950河南平顶山4960河南安阳4970河南鹤壁4980 河南新乡5010河南焦作5017河南济源5020河南濮阳5030河南许昌5040河南漯河5050河南三门峡5060河南商丘5080河南周口5110河南驻马店5130河南南阳5150河南信阳5210湖北武汉5220湖北黄石5230湖北十堰5250湖北三峡5270湖北随州5280湖北襄樊5310湖北鄂州5311湖北神农架5320湖北荆门5330湖北黄冈5350湖北孝感5360湖北咸宁5370湖北荆州5371湖北仙桃5374湖北天门5375湖北潜江5410湖北恩施5510湖南长沙5520湖南株洲5530湖南湘潭5540湖南衡阳5550湖南邵阳5570湖南岳阳5580湖南常德5610湖南益阳5620湖南娄底5630湖南郴州5650湖南永州5670湖南怀化5690湖南湘西5691湖南吉首5810广东广州5820广东韶关5840广东深圳5850广东珠海5860广东汕头5880广东佛山5890广东江门5910广东湛江5920广东茂名5930广东肇庆5950广东惠州5960广东梅州5970广东汕尾5980广东河源5990广东阳江6010广东清远6020广东东莞6030广东中山6040广东潮州6050广东揭阳6060广东云浮6110广西南宁6140广西柳州6170广西桂林6210广西梧州6230广西北海6240广西玉林6260广西百色6280广西河池6310广西钦州6320广西防城港6330广西贵港6340广西贺州6350广西来宾6360广西崇左6410海南海口6420海南三亚6420海南洋浦421海南五指山6423海南文昌6424海南琼海6425海南万宁6426海南定安6427海南屯昌6428海南澄迈6429海南临高6431海南儋州6432海南白沙6433海南昌江6434海南东方6435海南乐东6436海南陵水6437海南保亭6438海南琼中6510四川成都6550四川自贡6560四川攀枝花6570四川泸州6580四川德阳6590四川绵阳6610四川广元6620四川遂宁6630四川内江6650四川乐山6670四川眉山6690四川广安6710四川宜宾6730四川南充6750四川达州6770四川雅安6790四川阿坝6810四川甘孜6840四川凉山6870四川巴中6880四川资阳6900重庆重庆7010贵州贵阳7020贵州六盘水7030贵州遵义7050贵州铜仁7070贵州黔西南7090贵州毕节7110贵州安顺7130贵州黔东南7150贵州黔南7310云南昆明7340云南昭通7360云南曲靖7380云南楚雄7410云南玉溪7430云南红河7450云南文山7470云南思茅7490云南西双版纳7510云南大理7530云南保山7540云南德宏7550云南丽江7560云南怒江7570云南迪庆州7571云南中甸7580云南临沧7710西藏拉萨7720西藏昌都7740西藏山南7760西藏日喀则7760西藏樟木口岸7790西藏那曲7810西藏阿里7830西藏林芝7910陕西西安7920陕西铜川7930陕西宝鸡7950陕西咸阳7970陕西渭南7990陕西汉中8010陕西安康8030陕西商洛8040陕西延安8060陕西榆林8210甘肃兰州8220甘肃嘉峪关8230甘肃金昌8240甘肃白银8250甘肃天水8260甘肃酒泉8270甘肃张掖8280甘肃武威8290甘肃定西8310甘肃陇南8330甘肃平凉8340甘肃庆阳8360甘肃临夏8380甘肃甘南州8388甘肃合作8510青海西宁8520青海海东8540青海海北8550青海黄南8560青海海南8570青海果洛8580青海玉树8590青海海西8710宁夏银川8720宁夏石嘴山8730宁夏吴忠8740宁夏固原8750宁夏中卫8810新疆乌鲁木齐8820新疆克拉玛依8830新疆吐鲁番8840新疆哈密8850新疆昌吉8870新疆博州8880新疆巴州8910新疆阿克苏8930新疆克州8940新疆喀什8960新疆和田8980新疆伊犁9010新疆塔城9020新疆阿勒泰9028新疆石河子9041新疆阿拉尔9043新疆五家渠。
省市联动js代码
省市联动js代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><title>JS实现的全国省份城市联动下拉菜单_⽹页代码站()</title></head><body><script language="javascript">cityareaname = new Array(35);cityareacode = new Array(35);function first(preP, preC, formname, selectP, selectC) {a = 0;if (selectP == '01'){ a = 1; tempoption = new Option('北京', '01', false, true); }else{ tempoption = new Option('北京', '01'); }eval('document.' + formname + '.' + preP + '.options[1]=tempoption;');cityareacode[0] = new Array('0101', '0102', '0103', '0104', '0105', '0106', '0107', '0108');cityareaname[0] = new Array('东城区', '西城区', '崇⽂区', '宣武区', '朝阳区', '海淀区', '丰台区', '⽯景⼭');if (selectP == '02'){ a = 2; tempoption = new Option('深圳', '02', false, true); }else{ tempoption = new Option('深圳', '02'); }eval('document.' + formname + '.' + preP + '.options[2]=tempoption;');cityareacode[1] = new Array('0201', '0202', '0203', '0204', '0205', '0206');cityareaname[1] = new Array('罗湖', '福⽥', '南⼭', '盐⽥', '宝安', '龙岗');if (selectP == '03'){ a = 3; tempoption = new Option('上海', '03', false, true); }else{ tempoption = new Option('上海', '03'); }eval('document.' + formname + '.' + preP + '.options[3]=tempoption;');cityareacode[2] = new Array('0301', '0302', '0303', '0304', '0305', '0306', '0307', '0308', '0309', '0310', '0311', '0312', '0313', '0314', '0315', '0316', '0317', '0318', '0319', '0320');cityareaname[2] = new Array('宝⼭', '⾦⼭', '南市', '长宁', '静安', '青浦', '崇明', '卢湾', '松江', '奉贤', '浦东', '杨浦', '虹⼝', '普陀', '闸北', '黄浦', '闵⾏', '徐汇', '嘉定', '南汇');if (selectP == '04'){ a = 4; tempoption = new Option('重庆', '04', false, true); }else{ tempoption = new Option('重庆', '04'); }eval('document.' + formname + '.' + preP + '.options[4]=tempoption;');cityareacode[3] = new Array('0401', '0402', '0403', '0404', '0405', '0406');cityareaname[3] = new Array('渝中', '江北', '沙坪坝', '南岸', '九龙坡', '⼤渡⼝');if (selectP == '05'){ a = 5; tempoption = new Option('天津', '05', false, true); }else{ tempoption = new Option('天津', '05'); }eval('document.' + formname + '.' + preP + '.options[5]=tempoption;');cityareacode[4] = new Array('0501', '0502', '0503', '0504', '0505', '0506', '0507', '0508', '0509', '0510', '0511', '0512', '0513', '0514', '0515'); cityareaname[4] = new Array('和平', '河北', '河西', '河东', '南开', '红桥', '塘沽', '汉沽', '⼤港', '东丽', '西青', '津南', '北⾠', '武清', '滨海');if (selectP == '06'){ a = 6; tempoption = new Option('⼴东', '06', false, true); }else{ tempoption = new Option('⼴东', '06'); }eval('document.' + formname + '.' + preP + '.options[6]=tempoption;');cityareacode[5] = new Array('0601', '0602', '0603', '0604', '0605', '0606', '0607', '0608', '0609', '0610', '0611', '0612', '0613', '0614', '0615'); cityareaname[5] = new Array('⼴州', '珠海', '中⼭', '佛⼭', '东莞', '清远', '肇庆', '阳江', '湛江', '韶关', '惠州', '河源', '汕尾', '汕头', '梅州');if (selectP == '07'){ a = 7; tempoption = new Option('河北', '07', false, true); }else{ tempoption = new Option('河北', '07'); }eval('document.' + formname + '.' + preP + '.options[7]=tempoption;');cityareacode[6] = new Array('0701', '0702', '0703', '0704', '0705', '0706', '0707', '0708', '0709', '0710', '0711');cityareaname[6] = new Array('⽯家庄', '唐⼭', '秦皇岛', '邯郸', '邢台', '张家⼝', '承德', '廊坊', '沧州', '保定', '衡⽔');if (selectP == '08'){ a = 8; tempoption = new Option('⼭西', '08', false, true); }else{ tempoption = new Option('⼭西', '08'); }eval('document.' + formname + '.' + preP + '.options[8]=tempoption;');cityareacode[7] = new Array('0801', '0802', '0803', '0804', '0805', '0806', '0807');cityareaname[7] = new Array('太原', '⼤同', '阳泉', '朔州', '长治', '临汾', '晋城');if (selectP == '09'){ a = 9; tempoption = new Option('内蒙古', '09', false, true); }else{ tempoption = new Option('内蒙古', '09'); }eval('document.' + formname + '.' + preP + '.options[9]=tempoption;');cityareacode[8] = new Array('0901', '0902', '0903', '0904', '0905', '0906', '0907', '0908', '0909', '0910', '0911');cityareaname[8] = new Array('呼和浩特', '包头', '乌海', '临河', '东胜', '集宁', '锡林浩特', '通辽', '⾚峰', '海拉尔', '乌兰浩特');if (selectP == '10'){ a = 10; tempoption = new Option('辽宁', '10', false, true); }else{ tempoption = new Option('辽宁', '10'); }eval('document.' + formname + '.' + preP + '.options[10]=tempoption;');cityareacode[9] = new Array('1001', '1002', '1003', '1004', '1005', '1006', '1007', '1008', '1009', '1010', '1011', '1012', '1013', '1014'); cityareaname[9] = new Array('沈阳', '⼤连', '鞍⼭', '锦州', '丹东', '盘锦', '铁岭', '抚顺', '营⼝', '辽阳', '⾩新', '本溪', '朝阳', '葫芦岛');if (selectP == '11'){ a = 11; tempoption = new Option('吉林', '11', false, true); }else{ tempoption = new Option('吉林', '11'); }eval('document.' + formname + '.' + preP + '.options[11]=tempoption;');cityareacode[10] = new Array('1101', '1102', '1103', '1104', '1105', '1106', '1107', '1108', '1109');cityareaname[10] = new Array('长春', '吉林', '四平', '辽源', '通化', '⽩⼭', '松原', '⽩城', '延边');if (selectP == '12'){ a = 12; tempoption = new Option('⿊龙江', '12', false, true); }else{ tempoption = new Option('⿊龙江', '12'); }eval('document.' + formname + '.' + preP + '.options[12]=tempoption;');cityareacode[11] = new Array('1201', '1202', '1203', '1204', '1205', '1206', '1207', '1208', '1209', '1210', '1211', '1212', '1213'); cityareaname[11] = new Array('哈尔滨', '齐齐哈尔', '牡丹江', '佳⽊斯', '⼤庆', '伊春', '⿊河', '鸡西', '鹤岗', '双鸭⼭', '七台河', '绥化', '⼤兴安岭'); if (selectP == '13'){ a = 13; tempoption = new Option('江苏', '13', false, true); }else{ tempoption = new Option('江苏', '13'); }eval('document.' + formname + '.' + preP + '.options[13]=tempoption;');cityareacode[12] = new Array('1301', '1302', '1303', '1304', '1305', '1306', '1307', '1308', '1309', '1310', '1311', '1312', '1313'); cityareaname[12] = new Array('南京', '苏州', '⽆锡', '常州', '镇江', '连云港 ', '扬州', '徐州 ', '南通', '盐城', '淮阴', '泰州', '宿迁');if (selectP == '14'){ a = 14; tempoption = new Option('浙江', '14', false, true); }else{ tempoption = new Option('浙江', '14'); }eval('document.' + formname + '.' + preP + '.options[14]=tempoption;');cityareacode[13] = new Array('1401', '1402', '1403', '1404', '1405', '1406', '1407', '1408', '1409', '1410', '1411');cityareaname[13] = new Array('杭州', '湖州', '丽⽔', '温州', '绍兴', '⾈⼭', '嘉兴', '⾦华', '台州', '衢州', '宁波');if (selectP == '15'){ a = 15; tempoption = new Option('安徽', '15', false, true); }else{ tempoption = new Option('安徽', '15'); }eval('document.' + formname + '.' + preP + '.options[15]=tempoption;');cityareacode[14] = new Array('1501', '1502', '1503', '1504', '1505', '1506', '1507', '1508', '1509', '1510', '1511', '1512', '1513', '1514', '1515', '1516', '1517');cityareaname[14] = new Array('合肥 ', '芜湖 ', '蚌埠 ', '滁州 ', '安庆 ', '六安 ', '黄⼭ ', '宣城 ', '淮南 ', '宿州 ', '马鞍⼭ ', '铜陵', '淮北 ', '⾩阳 ', '池州 ', '巢湖 ', '亳州');if (selectP == '16'){ a = 16; tempoption = new Option('福建', '16', false, true); }else{ tempoption = new Option('福建', '16'); }eval('document.' + formname + '.' + preP + '.options[16]=tempoption;');cityareacode[15] = new Array('1601', '1602', '1603', '1604', '1605', '1606', '1607', '1608', '1609');cityareaname[15] = new Array('福州 ', '厦门 ', '泉州 ', '漳州 ', '龙岩 ', '南平 ', '宁德 ', '莆⽥ ', '三明');if (selectP == '17'){ a = 17; tempoption = new Option('江西', '17', false, true); }else{ tempoption = new Option('江西', '17'); }eval('document.' + formname + '.' + preP + '.options[17]=tempoption;');cityareacode[16] = new Array('1701', '1702', '1703', '1704', '1705', '1706', '1707', '1708', '1709', '1710', '1711');cityareaname[16] = new Array('南昌', '景德镇', '九江', '萍乡', '新余', '鹰潭', '赣州', '宜春', '吉安', '上饶', '抚州');if (selectP == '18'){ a = 18; tempoption = new Option('⼭东', '18', false, true); }else{ tempoption = new Option('⼭东', '18'); }eval('document.' + formname + '.' + preP + '.options[18]=tempoption;');cityareacode[17] = new Array('1801', '1802', '1803', '1804', '1805', '1806', '1807', '1808', '1809', '1810', '1811', '1812', '1813', '1814', '1815', '1816', '1817');cityareaname[17] = new Array('济南', '青岛', '淄博', '德州', '烟台', '潍坊', '济宁', '泰安', '临沂', '菏泽', '威海', '枣庄', '⽇照', '莱芜', '聊城', '滨州', '东营');if (selectP == '19'){ a = 19; tempoption = new Option('河南', '19', false, true); }else{ tempoption = new Option('河南', '19'); }eval('document.' + formname + '.' + preP + '.options[19]=tempoption;');cityareacode[18] = new Array('1901', '1902', '1903', '1904', '1905', '1906', '1907', '1908', '1909', '1910', '1911', '1912', '1913', '1914', '1915', '1916', '1917', '1918');cityareaname[18] = new Array('郑州', '开封', '洛阳', '平顶⼭', '安阳', '鹤壁', '新乡', '焦作', '濮阳', '许昌', '漯河', '三门峡', '南阳', '商丘', '周⼝', '驻马店', '信阳', '济源');if (selectP == '20'){ a = 20; tempoption = new Option('湖北', '20', false, true); }else{ tempoption = new Option('湖北', '20'); }eval('document.' + formname + '.' + preP + '.options[20]=tempoption;');cityareacode[19] = new Array('2001', '2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017');cityareaname[19] = new Array('武汉', '黄⽯', '⼗堰', '荆州', '宜昌', '襄樊', '鄂州', '荆门', '孝感', '黄冈', '咸宁', '恩施', '随州', '仙桃', '天门', '潜江', '神农架');if (selectP == '21'){ a = 21; tempoption = new Option('湖南', '21', false, true); }else{ tempoption = new Option('湖南', '21'); }eval('document.' + formname + '.' + preP + '.options[21]=tempoption;');cityareacode[20] = new Array('2101', '2102', '2103', '2104', '2105', '2106', '2107', '2108', '2109', '2110', '2111', '2112', '2113'); cityareaname[20] = new Array('长沙', '株州', '湘潭', '衡阳', '邵阳', '岳阳', '常德', '郴州', '益阳', '永州', '怀化', '娄底', '湘西 ');if (selectP == '22'){ a = 22; tempoption = new Option('⼴西', '22', false, true); }else{ tempoption = new Option('⼴西', '22'); }eval('document.' + formname + '.' + preP + '.options[22]=tempoption;');cityareacode[21] = new Array('2201', '2202', '2203', '2204', '2205', '2206', '2207', '2208', '2209', '2210', '2211', '2212');cityareaname[21] = new Array('南宁', '柳州', '桂林', '梧州', '北海', '防城港', '钦州', '贵港', '⽟林', '贺州', '百⾊', '河池');if (selectP == '23'){ a = 23; tempoption = new Option('海南', '23', false, true); }else{ tempoption = new Option('海南', '23'); }eval('document.' + formname + '.' + preP + '.options[23]=tempoption;');cityareacode[22] = new Array('2301', '2302', '2303', '2304', '2305', '2306', '2307', '2308', '2309');cityareaname[22] = new Array('海⼝ ', '三亚', '通什', '琼海', '琼⼭', '⽂昌', '万宁', '东⽅', '儋州');if (selectP == '24'){ a = 24; tempoption = new Option('四川', '24', false, true); }else{ tempoption = new Option('四川', '24'); }eval('document.' + formname + '.' + preP + '.options[24]=tempoption;');cityareacode[23] = new Array('2401', '2402', '2403', '2404', '2405', '2406', '2407', '2408', '2409', '2410', '2411', '2412', '2413', '2414', '2415', '2416', '2417', '2418', '2419', '2420');cityareaname[23] = new Array('成都', '⾃贡', '攀枝花', '泸州', '德阳', '绵阳', '⼴元', '遂宁', '内江', '乐⼭', '南充 ', '宜宾', '⼴安', '达川', '巴中', '雅安', '眉⼭ ', '阿坝 ', '⽢孜 ', '凉⼭ ');if (selectP == '25'){ a = 25; tempoption = new Option('贵州', '25', false, true); }else{ tempoption = new Option('贵州', '25'); }eval('document.' + formname + '.' + preP + '.options[25]=tempoption;');cityareacode[24] = new Array('2501', '2502', '2503', '2504', '2505', '2506', '2507', '2508', '2509');cityareaname[24] = new Array('贵阳 ', '六盘⽔', '遵义', '铜仁', '毕节', '安顺', '黔西南 ', '黔东南', '黔南');if (selectP == '26'){ a = 26; tempoption = new Option('云南', '26', false, true); }else{ tempoption = new Option('云南', '26'); }eval('document.' + formname + '.' + preP + '.options[26]=tempoption;');cityareacode[25] = new Array('2601', '2602', '2603', '2604', '2605', '2606', '2607', '2608', '2609', '2610', '2611', '2612', '2613', '2614', '2615', '2616', '2617');cityareaname[25] = new Array('昆明', '东川', '曲靖', '⽟溪', '昭通', '思茅', '临沧', '保⼭', '丽江', '⽂⼭ ', '红河 ', '西双版纳 ', '楚雄 ', '⼤理 ', '德宏 ', '怒江', '迪庆');if (selectP == '27'){ a = 27; tempoption = new Option('西藏', '27', false, true); }else{ tempoption = new Option('西藏', '27'); }eval('document.' + formname + '.' + preP + '.options[27]=tempoption;');cityareacode[26] = new Array('2701', '2702', '2703', '2704', '2705', '2706', '2707');cityareaname[26] = new Array('拉萨', '那曲', '昌都', '⼭南', '⽇喀则', '阿⾥', '林芝');if (selectP == '28'){ a = 28; tempoption = new Option('陕西', '28', false, true); }else{ tempoption = new Option('陕西', '28'); }eval('document.' + formname + '.' + preP + '.options[28]=tempoption;');cityareacode[27] = new Array('2801', '2802', '2803', '2804', '2805', '2806', '2807', '2808', '2809', '2810');cityareaname[27] = new Array('西安', '铜川', '宝鸡', '咸阳', '渭南', '延安', '汉中', '榆林', '商洛', '安康');if (selectP == '29'){ a = 29; tempoption = new Option('⽢肃', '29', false, true); }else{ tempoption = new Option('⽢肃', '29'); }eval('document.' + formname + '.' + preP + '.options[29]=tempoption;');cityareacode[28] = new Array('2901', '2902', '2903', '2904', '2905', '2906', '2907', '2908', '2909', '2910', '2911', '2912', '2913', '2914'); cityareaname[28] = new Array('兰州', '⾦昌', '⽩银', '天⽔', '嘉峪关', '定西', '平凉', '庆阳', '陇南', '武威', '张掖', '酒泉', '⽢南 ', '临夏');if (selectP == '30'){ a = 30; tempoption = new Option('青海', '30', false, true); }else{ tempoption = new Option('青海', '30'); }eval('document.' + formname + '.' + preP + '.options[30]=tempoption;');cityareacode[29] = new Array('3001', '3002', '3003', '3004', '3005', '3006', '3007', '3008');cityareaname[29] = new Array('西宁', '海东', ' 海北 ', '黄南', '海南', '果洛', '⽟树', '海西');if (selectP == '31'){ a = 31; tempoption = new Option('宁夏', '31', false, true); }else{ tempoption = new Option('宁夏', '31'); }eval('document.' + formname + '.' + preP + '.options[31]=tempoption;');cityareacode[30] = new Array('3101', '3102', '3103', '3104');cityareaname[30] = new Array('银川', '⽯嘴⼭', '银南', '固原');if (selectP == '32'){ a = 32; tempoption = new Option('新疆', '32', false, true); }else{ tempoption = new Option('新疆', '32'); }eval('document.' + formname + '.' + preP + '.options[32]=tempoption;');cityareacode[31] = new Array('3201', '3202', '3203', '3204', '3205', '3206', '3207', '3208', '3209', '3210', '3211', '3212', '3213'); cityareaname[31] = new Array('乌鲁⽊齐', '克拉玛依', '⽯河⼦', '吐鲁番', '哈密', '和⽥', '阿克苏', '喀什', '克孜勒苏', '巴⾳郭楞', '昌吉', '博尔塔拉', '伊犁');if (selectP == '33'){ a = 33; tempoption = new Option('⾹港', '33', false, true); }else{ tempoption = new Option('⾹港', '33'); }eval('document.' + formname + '.' + preP + '.options[33]=tempoption;');cityareacode[32] = new Array();cityareaname[32] = new Array();if (selectP == '34'){ a = 34; tempoption = new Option('澳门', '34', false, true); }else{ tempoption = new Option('澳门', '34'); }eval('document.' + formname + '.' + preP + '.options[34]=tempoption;');cityareacode[33] = new Array();cityareaname[33] = new Array();if (selectP == '35'){ a = 35; tempoption = new Option('台湾', '35', false, true); }else{ tempoption = new Option('台湾', '35'); }eval('document.' + formname + '.' + preP + '.options[35]=tempoption;');cityareacode[34] = new Array();cityareaname[34] = new Array();eval('document.' + formname + '.' + preP + '.options[a].selected=true;');cityid = selectP;if (cityid != '0') {b = 0; for (i = 0; i < cityareaname[cityid - 1].length; i++) {if (selectC == cityareacode[cityid - 1][i]){ b = i + 1; tempoption = new Option(cityareaname[cityid - 1][i], cityareacode[cityid - 1][i], false, true); }elsetempoption = new Option(cityareaname[cityid - 1][i], cityareacode[cityid - 1][i]);eval('document.' + formname + '.' + preC + '.options[i+1]=tempoption;');}eval('document.' + formname + '.' + preC + '.options[b].selected=true;');}}function selectcityarea(preP, preC, formname) {cityid = eval('document.' + formname + '.' + preP + '.selectedIndex;');j = eval('document.' + formname + '.' + preC + '.length;');for (i = 1; i < j; i++){ eval('document.' + formname + '.' + preC + '.options[j-i]=null;') }if (cityid != "0") {for (i = 0; i < cityareaname[cityid - 1].length; i++) {tempoption = new Option(cityareaname[cityid - 1][i], cityareacode[cityid - 1][i]);eval('document.' + formname + '.' + preC + '.options[i+1]=tempoption;');}}}</script><form action="file:///C|/Program%20Files/Macromedia/Dreamweaver%204/Lessons/Lesson%20Files/info_search.asp?martid=" method="post" name="form1"><img alt="" src="file:///C|/Program%20Files/Macromedia/Dreamweaver%204/images/w_KT.gif"height="6" width="1" /><br /><table width="300" border="0" cellspacing="0" cellpadding="1" bgcolor="#FFFDE6"><tr><td class="black_con9" align="right">省份：</td><td class="black_con9"><select name="selectp" onchange="selectcityarea('selectp','selectc','form1');"><option value="0" selected="selected">不限-- </option></select></td></tr><tr><td class="black_con9" align="right">县/市：</td><td class="black_con9"><select name="selectc"><option value="0" selected="selected">不限-- </option></select></td></tr></table></form><script language="javascript">first("selectp", "selectc", "form1", 0, 0);</script><br /><p><a href="">⽹页代码站</a> - 最专业的⽹页代码下载⽹站 - 致⼒为中国站长提供有质量的⽹页代码！</p> </body></html>。
省市联动效果的简单实现代码（推荐）
省市联动效果的简单实现代码（推荐）下拉框⼆级联动效果在⽇常应⽤场景中经常会碰到，尤其是涉及地区、品种等有多级选项时。
例如：常见的省市联动下拉框，在选择省份时，城市列表也会更随改变。
思路：1，所谓联动效果，是指出发⽗级的数据变化时，会影响到关联性⼦级数据元素的变化。
下⾯是造的省市的数据：var linkDatas = {provinces:[{"code":"0","name":"请选择"},{"code":"1","name":"北京"},{"code":"2","name":"天津"},{"code":"3","name":"河北"},{"code":"4","name":"湖北"},{"code":"5","name":"⼴东"},{"code":"6","name":"其他"}],citys:{0:["请选择"],1:["朝阳区","海淀区","东城区","西城区","房⼭区","其他"],2:["天津"],3:["沧州","⽯家庄",4:["武汉市","宜昌市","襄樊市","其他"],5:["⼴州市","深圳市","汕头市","佛⼭市","珠海市","其他"],6:["其他"]}};2，根据数据动态⽣成option节点：function addOptions(target,options){var optionEle = null,target = target,option = options,optionLen = options.length;for(var i = 0;i < optionLen;i++){optionEle = document.createElement('option');optionEle.value = option[i].value;optionEle.text = option[i].text;target.options.add(optionEle);}}3，根据上述省市数据，其中code代表“省级”指向“城市”的标识符，当省级的数据变更时，出发change事件：pro.onchange = function(){console.log(this);var ct = city[this.value],ctLen = ct.length,ctBox = [];c.innerHTML = "";/*添加城市*/for(var j = 0;j < ctLen;j++){ctBox.push({"text" : ct[j],"value": ct[j]});}addOptions(c,ctBox);}HTML代码：<div class="content"><h3>下拉框联动效果</h3><p>省份：<select name="provinces" id="provinces"></select></p><p>市：<select name="citys" id="citys"></select></p></div>全部JavaScript代码："code":"0","name":"请选择"},{"code":"1","name":"北京"},{"code":"2","name":"天津"},{"code":"3","name":"河北"},{"code":"4","name":"湖北"},{"code":"5","name":"⼴东"},{"code":"6","name":"其他"}],citys:{0:["请选择"],1:["朝阳区","海淀区","东城区","西城区","房⼭区","其他"],2:["天津"],3:["沧州","⽯家庄","秦皇岛","其他"],4:["武汉市","宜昌市","襄樊市","其他"],5:["⼴州市","深圳市","汕头市","佛⼭市","珠海市","其他"],6:["其他"]}};function addOptions(target,options){ var optionEle = null,target = target,option = options,optionLen = options.length;for(var i = 0;i < optionLen;i++){optionEle = document.createElement('option');optionEle.value = option[i].value;optionEle.text = option[i].text;target.options.add(optionEle);}}function provincesCitysLink(pro,c){var LD = linkDatas,provinces = LD.provinces,city = LD.citys,initCity = city[0],proBox = [];/*添加省份*/for(var i = 0;i < provinces.length;i++){proBox.push({"text" : provinces[i].name,"value": provinces[i].code})}addOptions(pro,proBox);/*初始化城市*/addOptions(c,[{"text" : initCity,"value": initCity}]);/*添加联动事件*/pro.onchange = function(){console.log(this);var ct = city[this.value],ctLen = ct.length,ctBox = [];c.innerHTML = "";/*添加城市*/for(var j = 0;j < ctLen;j++){ctBox.push({"text" : ct[j],"value": ct[j]});}addOptions(c,ctBox);}}var provinces = document.getElementById('provinces'),citys = document.getElementById('citys');provincesCitysLink(provinces,citys);以上这篇省市联动效果的简单实现代码(推荐)就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。
MCC或者pos商户地区代码
M C C或者p o s商户地区代码集团标准化小组：[VVOPPT-JOPP28-JPPTL98-LOPPNN]银联地区码（省份城市）1000北京?北京1100天津?天津1210河北?石家庄1240河北?唐山1260河北?秦皇岛1270河北?邯郸1310河北?邢台1340河北?保定1380河北?张家口1410河北?承德1430河北?沧州1460河北?廊坊1480河北?衡水1610山西?太原1620山西?大同1650山西?阳泉1660山西?长治1680山西?晋城1690山西?朔州1710山西?忻州1730山西?吕梁1750山西?晋中1750山西?离石1750山西?榆次1770山西?临汾1810山西?运城1910内蒙古?呼和浩特1920内蒙古?包头1930内蒙古?乌海1940内蒙古?赤峰1960内蒙古?呼伦贝尔1980内蒙古?兴安1990内蒙古?通辽2010内蒙古?锡林郭勒2030内蒙古?乌兰察布2050内蒙古?鄂尔多斯2070内蒙古?巴彦淖尔2080内蒙古?阿拉善2210辽宁?沈阳2220辽宁?大连2230辽宁?鞍山2240辽宁?抚顺2250辽宁?本溪2260辽宁?丹东2270辽宁?锦州2280辽宁?营口2290辽宁?阜新2310辽宁?辽阳2320辽宁?盘锦2330辽宁?铁岭2340辽宁?朝阳2360辽宁?葫芦岛2410吉林?长春2420吉林?吉林2430吉林?四平2440吉林?辽源2450吉林?通化2460吉林?白山2470吉林?白城2490吉林?延边2510吉林?松原2610黑龙江?哈尔滨2640黑龙江?齐齐哈尔2660黑龙江?鸡西2670黑龙江?鹤岗2680黑龙江?双鸭山2690黑龙江?大庆2710黑龙江?伊春2720黑龙江?佳木斯2740黑龙江?七台河2750黑龙江?牡丹江2760黑龙江?绥化2780黑龙江?黑河2790黑龙江?大兴安岭2900上海?上海3010江苏?南京3020江苏?无锡3030江苏?徐州3040江苏?常州3050江苏?苏州3060江苏?南通3070江苏?连云港3080江苏?淮安3110江苏?盐城3120江苏?扬州3120江苏?胥浦3140江苏?镇江3160江苏?泰州3180江苏?宿迁3310浙江?杭州3320浙江?宁波3330浙江?温州3350浙江?嘉兴3360浙江?湖州3370浙江?绍兴3380浙江?金华3410浙江?衢州3420浙江?舟山3430浙江?丽水3450浙江?台州3610安徽?合肥3615安徽?巢湖3620安徽?芜湖3630安徽?蚌埠3640安徽?淮南3650安徽?马鞍山3660安徽?淮北3670安徽?铜陵3680安徽?安庆3710安徽黄山3720安徽阜阳3740安徽宿州3750安徽?滁州3760安徽?六安3770安徽?宣城3790安徽?池州3810安徽亳州3910福建福州3930福建?厦门3940福建?莆田3950福建?三明3970福建?泉州3990福建?漳州4010福建?南平4030福建?宁德4050福建?龙岩4210江西?南昌4220江西?景德镇4230江西?萍乡4240江西?九江4260江西?新余4270江西?鹰潭4280江西?赣州4310江西?宜春4330江西上饶4350江西吉安4370江西?抚州4510山东济南4520山东青岛4530山东淄博4540山东枣庄4550山东东营4560山东烟台4580山东潍坊4610山东济宁4630山东泰安4650山东威海4660山东滨州4680山东德州4710山东聊城4730山东临沂4750山东菏泽4770山东日照4790山东莱芜4910河南郑州4920河南?开封4930河南?洛阳4950河南?平顶山4960河南?安阳497河南?鹤壁4980河南?新乡5010河南?焦作5017河南?济源5020河南?濮阳5030河南?许昌5040河南?漯河5050河南?三门峡5060河南?商丘5080河南?周口5110河南?驻马店5130河南?南阳5150河南?信阳5210湖北?武汉5220湖北?黄石5230湖北?十堰5250湖北?宜昌5250湖北?三峡5270湖北?随州5280湖北?襄樊5310湖北?鄂州5311湖北?神农架5320湖北?荆门5330湖北?黄冈5350湖北?孝感5360湖北?咸宁5370湖北?荆州5371湖北?仙桃5374湖北?天门5375湖北?潜江5410湖北?恩施5510湖南?长沙5520湖南?株洲5530湖南?湘潭5540湖南?衡阳5550湖南?邵阳5570湖南?岳阳5580湖南?常德5590湖南?张家界5610湖南?益阳5620湖南?娄底5630湖南?郴州5650湖南?永州5670湖南?怀化5690湖南?湘西5691湖南?吉首5810广东?广州5820广东?韶关5840广东?深圳5850广东?珠海5860广东?汕头5880广东?佛山5890广东?江门5910广东?湛江5920广东?茂名5930广东?肇庆5950广东?惠州5960广东?梅州5970广东?汕尾5980广东?河源5990广东?阳江6010广东?清远6020广东?东莞6030广东?中山6040广东?潮州6050广东?揭阳6060广东?云浮6110广西?南宁6140广西?柳州6170广西?桂林6210广西?梧州6230广西?北海6240广西?玉林6260广西?百色6280广西?河池6310广西?钦州6320广西?防城港6330广西?贵港6340广西?贺州6350广西?来宾6360广西?崇左6410海南?海口6420海南?三亚6420海南?洋浦6421海南?五指山6423海南?文昌6424海南?琼海6425海南?万宁6426海南?定安6427海南?屯昌6428海南?澄迈6429海南?临高6431海南?儋州6432海南?白沙6433海南?昌江6434海南?东方6435海南?乐东6436海南?陵水6437海南?保亭6438海南?琼中6510四川?成都6550四川?自贡6560四川?攀枝花6570四川?泸州6580四川?德阳6590四川?绵阳6610四川?广元6620四川?遂宁6630四川?内江6650四川?乐山6670四川?眉山6690四川?广安6710四川?宜宾6730四川?南充6750四川?达州6770四川?雅安6790四川?阿坝6810四川?甘孜6840四川?凉山6870四川?巴中6880四川?资阳6900重庆?重庆7010贵州?贵阳7020贵州?六盘水7030贵州?遵义7050贵州?铜仁7070贵州?黔西南7090贵州?毕节7110贵州?安顺7130贵州?黔东南7150贵州?黔南7310云南?昆明7340云南?昭通7360云南?曲靖7380云南?楚雄7410云南?玉溪7430云南?红河7450云南?文山7470云南?思茅7490云南?西双版纳7510云南?大理7530云南?保山7540云南?德宏7550云南?丽江7560云南?怒江7570云南?迪庆州7571云南?中甸7580云南?临沧7710西藏?拉萨7720西藏?昌都7740西藏?山南7760西藏?日喀则7760西藏?樟木口岸7790西藏?那曲7810西藏?阿里7830西藏?林芝7910陕西?西安7920陕西?铜川7930陕西?宝鸡7950陕西?咸阳7970陕西?渭南7990陕西?汉中8010陕西?安康8030陕西?商洛8040陕西?延安8060陕西?榆林8210甘肃?兰州8220甘肃?嘉峪关8230甘肃?金昌8240甘肃?白银8250甘肃?天水8260甘肃?酒泉8270甘肃?张掖8280甘肃?武威8290甘肃?定西8310甘肃?陇南8330甘肃?平凉8340甘肃?庆阳8360甘肃?临夏8380甘肃?甘南州8388甘肃?合作8510青海?西宁8520青海?海东8540青海?海北8550青海?黄南8560青海?海南8570青海?果洛8580青海?玉树8590青海?海西8710宁夏?银川8720宁夏?石嘴山8730宁夏?吴忠8740宁夏?固原8750宁夏?中卫8810新疆?乌鲁木齐8820新疆?克拉玛依8830新疆?吐鲁番8840新疆?哈密8850新疆?昌吉8870新疆?博州8880新疆?巴州8910新疆?阿克苏8930新疆?克州8940新疆?喀什8960新疆?和田8980新疆?伊犁9010新疆?塔城9020新疆?阿勒泰9028新疆?石河子9041新疆?阿拉尔9043新疆?五家渠。
Ajax实现省市区三级联动实例代码
Ajax实现省市区三级联动实例代码html代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>省市区三级联动</title><link rel="stylesheet" href="./assets/bootstrap/dist/css/bootstrap.min.css" rel="external nofollow" /><style type='text/css'>.container{padding-top: 150px;}</style></head><body><div class='container'><div class="form-inline"><div class="form-group"><select type="text" class="form-control" id="province"><!-- <option>请选择省份</option> --></select></div><div class="form-group"><select type="text" class="form-control" id="city"><option>请选择城市</option></select></div><div class="form-group"><select type="text" class="form-control" id="area"><option>请选择县区</option></select></div></div></div><script src="./js/ajax.js"> </script><script src="./js/template-web.js"></script><!-- 省份模板 --><script type="text/html" id="provinceTpl"><option>请选择省份</option>{{each province}}<!-- $value:循环过程中的当前项 --><option value="{{$value.id}}">{{$}}</option>{{/each}}</script><!-- 市模板 --><script type="text/html" id="cityTpl"><option>请选择城市</option>{{each city}}<!-- $value:循环过程中的当前项 --><option value="{{$value.id}}">{{$}}</option>{{/each}}</script><!-- 县区模板 --><script type="text/html" id="areaTpl"><option>请选择县区</option>{{each area}}<!-- $value:循环过程中的当前项 --><option value="{{$value.id}}">{{$}}</option>{{/each}}</script><script>//获取省市区下拉元素var province=document.getElementById('province');var city=document.getElementById('city');var area=document.getElementById('area');//1.获取省份信息ajax({type:'get',url:'http://localhost:3000/province',success:function(data){// console.log(data);//将服务器端返回的数据和html进⾏拼接// 第⼀个参数为模板id,第⼆个参数为服务器返回的数据var html = template('provinceTpl',{province:data});//province为上⾯的each对象，必须⼀致 // console.log(html);//将拼接好的字符串html显⽰到页⾯中province.innerHTML=html;}});//为省份的下拉框添加值改变事件province.onchange=function(){//获取省份的idvar pid=this.value;//清空县区下拉框中的数据var html=template('areaTpl',{area:[]});area.innerHTML=html;//根据省份id获取城市信息ajax({type:'get',url:'http://localhost:3000/cities',data:{id:pid},success:function(data){// console.log(data);var html = template('cityTpl',{city:data});city.innerHTML=html;}});}//为市的下拉框添加值改变时事件city.onchange=function(){//获取城市idvar cid=this.value;//根据城市id获取县区idajax({type:'get',url:'http://localhost:3000/areas',data:{id:cid},success:function(data){var html=template('areaTpl',{area:data});area.innerHTML=html;}});}</script></body></html>Ajax封装⽅法：function ajax(options){//定义默认var defaults ={type:'get',url:'',data:{},Headers:{'Content-Type': 'application/x-www-form-urlencoded'},success:function(){},error:function(){}};//⽤options中的对象覆盖defaults中对象Object.assign(defaults,options);//创建var xhr= new XMLHttpRequest();//拼接请求参数变量var params='';//循环⽤户传递进来的对象格式参数for(var attr in defaults.data){//将参数转换成字符串格式params+= attr +'='+ defaults.data[attr] +'&';}//字符串截取，将最后的&截取掉params= params.substr(0,params.length -1);//判断请求⽅式if(defaults.type=='get'){defaults.url=defaults.url +'?'+ params;}//配置xhr.open(defaults.type,defaults.url);//发送请求if(defaults.type=='post'){//⽤户期望的向服务端传递的请求参数类型var contentType=defaults.Headers['Content-Type'];//post请求时必须设置的xhr.setRequestHeader('Content-Type',contentType);//判断请求参数类型if(contentType=='application/json'){xhr.send(JSON.stringify(defaults.data));}else{xhr.send(JSON.stringify(params));}}else{xhr.send();}//监听onload事件,当接收完响应数据后触发xhr.onload=function(){//xhr.getResponseHeader()//获取响应头部数据var contentType=xhr.getResponseHeader('Content-Type');//服务端返回的数据var responseText=xhr.responseText;if(contentType.includes('application/json')){//把JSON字符串转换为JSON 对象responseText = JSON.parse(responseText);}//对http状态码判断，判断是否等于200if(xhr.status==200){//调⽤处理成功情况的函数defaults.success(responseText,xhr);}else{//调⽤处理失败的情况函数defaults.error(responseText,xhr);}}}服务器端测试代码：/**** server.js ****/// ⼀个简单的后端路由//1.引⼊express框架const express=require('express');const fs=require('fs');//2.引⼊路径处理模块const path=require('path');const bodyParser=require('body-parser');//post//3.创建web服务器const app=express();//post//extended:返回的对象是⼀个键值对，当extended为false的时候，键值对中的值就为'String'或'Array'形式，为true的时候，则可为任何数据类型。
微信小程序手动添加收货地址省市区联动
微信⼩程序⼿动添加收货地址省市区联动本⽂实例为⼤家分享了微信⼩程序⼿动添加收货地址省市区联动的具体代码，供⼤家参考，具体内容如下先看效果图html部分⽤⼩程序的piceker-view 嵌⼊页⾯的滚动选择器<picker-view indicator-style="height: 50px;" style="width:100%; height: 400rpx;" bindchange="bindChange"><picker-view-column class="selectItem"><view class="tooth" wx:for="{{province}}" wx:key="this">{{}}</view></picker-view-column><picker-view-column class="selectItem"><view class="tooth" wx:for="{{city}}" wx:key="this">{{}}</view></picker-view-column><picker-view-column class="selectItem"><view class="tooth" wx:for="{{area}}" wx:key="this">{{}}</view></picker-view-column></picker-view>js部分这部分代码其实是因为后端同学太懒了，数据没有整理就直接返回过来了。
C#后台省市联动代码
C#后台省市联动代码页⾯代码：<td align="center"><asp:DropDownList ID="selProvince" runat="server" AutoPostBack="True"onselectedindexchanged="diqu1_SelectedIndexChanged"><asp:ListItem value="">-请选择-</asp:ListItem><asp:ListItem value="北京市">北京市</asp:ListItem><asp:ListItem value="上海市">上海市</asp:ListItem><asp:ListItem value="天津市">天津市</asp:ListItem><asp:ListItem value="重庆市">重庆市</asp:ListItem><asp:ListItem value="河北省">河北省</asp:ListItem><asp:ListItem value="⼭西省">⼭西省</asp:ListItem><asp:ListItem value="内蒙古⾃治区">内蒙古</asp:ListItem><asp:ListItem value="辽宁省">辽宁省</asp:ListItem><asp:ListItem value="吉林省">吉林省</asp:ListItem><asp:ListItem value="⿊龙江省">⿊龙江省</asp:ListItem><asp:ListItem value="江苏省">江苏省</asp:ListItem><asp:ListItem value="浙江省">浙江省</asp:ListItem><asp:ListItem value="安徽省">安徽省</asp:ListItem><asp:ListItem value="福建省">福建省</asp:ListItem><asp:ListItem value="江西省">江西省</asp:ListItem><asp:ListItem value="⼭东省">⼭东省</asp:ListItem><asp:ListItem value="河南省">河南省</asp:ListItem><asp:ListItem value="湖北省">湖北省</asp:ListItem><asp:ListItem value="湖南省">湖南省</asp:ListItem><asp:ListItem value="⼴东省">⼴东省</asp:ListItem><asp:ListItem value="⼴西壮族⾃治区">⼴西省</asp:ListItem><asp:ListItem value="海南省">海南省</asp:ListItem><asp:ListItem value="四川省">四川省</asp:ListItem><asp:ListItem value="贵州省">贵州省</asp:ListItem><asp:ListItem value="云南省">云南省</asp:ListItem><asp:ListItem value="西藏⾃治区">西藏</asp:ListItem><asp:ListItem value="陕西省">陕西省</asp:ListItem><asp:ListItem value="⽢肃省">⽢肃省</asp:ListItem><asp:ListItem value="宁夏回族⾃治区">宁夏</asp:ListItem><asp:ListItem value="青海省">青海省</asp:ListItem><asp:ListItem value="新疆维吾尔⾃治区">新疆</asp:ListItem><asp:ListItem value="⾹港特别⾏政区">⾹港</asp:ListItem><asp:ListItem value="澳门特别⾏政区">澳门</asp:ListItem><asp:ListItem value="台湾省">台湾省</asp:ListItem><asp:ListItem value="其它">其它</asp:ListItem></asp:DropDownList><asp:DropDownList ID="selCity" runat="server"><asp:ListItem value="">请选择-</asp:ListItem></asp:DropDownList></td>/// <summary>/// 省改变/// </summary>/// <param name="sender"></param>/// <param name="e"></param>protected void diqu1_SelectedIndexChanged(object sender, EventArgs e){ArrayList retIArr = new ArrayList();retIArr.Add(new string[] { "北京市", "东城|西城|崇⽂|宣武|朝阳|丰台|⽯景⼭|海淀|门头沟|房⼭|通州|顺义|昌平|⼤兴|平⾕|怀柔|密云|延庆"});retIArr.Add(new string[] { "上海市", "黄浦|卢湾|徐汇|长宁|静安|普陀|闸北|虹⼝|杨浦|闵⾏|宝⼭|嘉定|浦东|⾦⼭|松江|青浦|南汇|奉贤|崇明" });retIArr.Add(new string[] { "天津市", "和平|东丽|河东|西青|河西|津南|南开|北⾠|河北|武清|红挢|塘沽|汉沽|⼤港|宁河|静海|宝坻|蓟县" });retIArr.Add(new string[] { "重庆市", "万州|涪陵|渝中|⼤渡⼝|江北|沙坪坝|九龙坡|南岸|北碚|万盛|双挢|渝北|巴南|黔江|长寿|綦江|潼南|铜梁 |⼤⾜|荣昌|壁⼭|梁平|城⼝|丰都|垫江|武隆|忠县|开县|云阳|奉节|巫⼭|巫溪|⽯柱|秀⼭|⾣阳|彭⽔|江津|合川|永 retIArr.Add(new string[] { "河北省", "⽯家庄|邯郸|邢台|保定|张家⼝|承德|廊坊|唐⼭|秦皇岛|沧州|衡⽔" });retIArr.Add(new string[] { "⼭西省", "太原|⼤同|阳泉|长治|晋城|朔州|吕梁|忻州|晋中|临汾|运城" });retIArr.Add(new string[] { "内蒙古⾃治区", "呼和浩特|包头|乌海|⾚峰|呼伦贝尔盟|阿拉善盟|哲⾥⽊盟|兴安盟|乌兰察布盟|锡林郭勒盟|巴彦淖尔盟|伊克昭盟" });retIArr.Add(new string[] { "辽宁省", "沈阳|⼤连|鞍⼭|抚顺|本溪|丹东|锦州|营⼝|⾩新|辽阳|盘锦|铁岭|朝阳|葫芦岛" });retIArr.Add(new string[] { "吉林省", "长春|吉林|四平|辽源|通化|⽩⼭|松原|⽩城|延边" });retIArr.Add(new string[] { "⿊龙江省", "哈尔滨|齐齐哈尔|牡丹江|佳⽊斯|⼤庆|绥化|鹤岗|鸡西|⿊河|双鸭⼭|伊春|七台河|⼤兴安岭" });retIArr.Add(new string[] { "江苏省", "南京|镇江|苏州|南通|扬州|盐城|徐州|连云港|常州|⽆锡|宿迁|泰州|淮安" });retIArr.Add(new string[] { "浙江省", "杭州|宁波|温州|嘉兴|湖州|绍兴|⾦华|衢州|⾈⼭|台州|丽⽔" });retIArr.Add(new string[] { "安徽省", "合肥|芜湖|蚌埠|马鞍⼭|淮北|铜陵|安庆|黄⼭|滁州|宿州|池州|淮南|巢湖|⾩阳|六安|宣城|亳州" });retIArr.Add(new string[] { "福建省", "福州|厦门|莆⽥|三明|泉州|漳州|南平|龙岩|宁德" });retIArr.Add(new string[] { "江西省", "南昌市|景德镇|九江|鹰潭|萍乡|新馀|赣州|吉安|宜春|抚州|上饶" });retIArr.Add(new string[] { "⼭东省", "济南|青岛|淄博|枣庄|东营|烟台|潍坊|济宁|泰安|威海|⽇照|莱芜|临沂|德州|聊城|滨州|菏泽" });retIArr.Add(new string[] { "河南省", "郑州|开封|洛阳|平顶⼭|安阳|鹤壁|新乡|焦作|濮阳|许昌|漯河|三门峡|南阳|商丘|信阳|周⼝|驻马店|济源" });retIArr.Add(new string[] { "湖北省", "武汉|宜昌|荆州|襄樊|黄⽯|荆门|黄冈|⼗堰|恩施|潜江|天门|仙桃|随州|咸宁|孝感|鄂州" });retIArr.Add(new string[] { "湖南省", "长沙|常德|株洲|湘潭|衡阳|岳阳|邵阳|益阳|娄底|怀化|郴州|永州|湘西|张家界" });retIArr.Add(new string[] { "⼴东省", "⼴州|深圳|珠海|汕头|东莞|中⼭|佛⼭|韶关|江门|湛江|茂名|肇庆|惠州|梅州|汕尾|河源|阳江|清远|潮州|揭阳|云浮" });retIArr.Add(new string[] { "湖南省", "长沙|常德|株洲|湘潭|衡阳|岳阳|邵阳|益阳|娄底|怀化|郴州|永州|湘西|张家界" });retIArr.Add(new string[] { "⼴西壮族⾃治区", "南宁|柳州|桂林|梧州|北海|防城港|钦州|贵港|⽟林|南宁地区|柳州地区|贺州|百⾊|河池" });retIArr.Add(new string[] { "海南省", "海⼝|三亚" });retIArr.Add(new string[] { "四川省", "成都|绵阳|德阳|⾃贡|攀枝花|⼴元|内江|乐⼭|南充|宜宾|⼴安|达川|雅安|眉⼭|⽢孜|凉⼭|泸州" });retIArr.Add(new string[] { "贵州省", "贵阳|六盘⽔|遵义|安顺|铜仁|黔西南|毕节|黔东南|黔南" });retIArr.Add(new string[] { "云南省", "昆明|⼤理|曲靖|⽟溪|昭通|楚雄|红河|⽂⼭|思茅|西双版纳|保⼭|德宏|丽江|怒江|迪庆|临沧" });retIArr.Add(new string[] { "西藏⾃治区", "拉萨|⽇喀则|⼭南|林芝|昌都|阿⾥|那曲" });retIArr.Add(new string[] { "陕西省", "西安|宝鸡|咸阳|铜川|渭南|延安|榆林|汉中|安康|商洛" });retIArr.Add(new string[] { "⽢肃省", "兰州|嘉峪关|⾦昌|⽩银|天⽔|酒泉|张掖|武威|定西|陇南|平凉|庆阳|临夏|⽢南" });retIArr.Add(new string[] { "宁夏回族⾃治区", "银川|⽯嘴⼭|吴忠|固原" });retIArr.Add(new string[] { "青海省", "西宁|海东|海南|海北|黄南|⽟树|果洛|海西" });retIArr.Add(new string[] { "新疆维吾尔⾃治区", "乌鲁⽊齐|⽯河⼦|克拉玛依|伊犁|巴⾳郭勒|昌吉|克孜勒苏柯尔克孜|博尔塔拉|吐鲁番|哈密|喀什|和⽥|阿克苏" });retIArr.Add(new string[] { "⾹港特别⾏政区", "⾹港特别⾏政区" });retIArr.Add(new string[] { "澳门特别⾏政区", "澳门特别⾏政区" });retIArr.Add(new string[] { "台湾省", "台北|⾼雄|台中|台南|屏东|南投|云林|新⽵|彰化|苗栗|嘉义|花莲|桃园|宜兰|基隆|台东|⾦门|马祖|澎湖" });retIArr.Add(new string[] { "其它", "北美洲|南美洲|亚洲|⾮洲|欧洲|⼤洋洲" });foreach (string[] item in retIArr){//如果选择了省if (item[0].ToString()==selProvince.SelectedValue){string[] tmpcityArray = item[1].ToString().Split('|');selCity.Items.Clear();for (int j = 0; j < tmpcityArray.Length; j++){selCity.Items.Add(tmpcityArray[j].ToString());}}}}。
DjangoAdmin实现三级联动的示例代码（省市区）===小白级
DjangoAdmin实现三级联动的⽰例代码（省市区）===⼩⽩级⼀使⽤环境 开发系统: windows IDE: pycharm 数据库: msyql,navicat 编程语⾔: python3.7 (Windows x86-64 executable installer) 虚拟环境: virtualenvwrapper 开发框架: Django 2.2 Django 2.2通病===>访问admin出现问题: 报错:UnicodeDecodeError: 'gbk' codec can't decode byte 0xa6 in position 9737: illegal multibyte sequence 解决⽅法:⼆ Django Admin 实现三级联动的⽰例代码(省市区)===>⼩⽩级1. 在 model.py 中from django.db import models# ⼈员class Member(models.Model):name = models.CharField(max_length=100, verbose_name='姓名')province = models.ForeignKey('Province', on_delete=models.PROTECT, null=True, blank=True, verbose_name='省份')city = models.ForeignKey('City', on_delete=models.PROTECT, null=True, blank=True, verbose_name='城市')district = models.ForeignKey('District', on_delete=models.PROTECT, null=True, blank=True, verbose_name='区/县')class Meta:verbose_name_plural = verbose_name = '00-⼈员'def __str__(self):return # 省份class Province(models.Model):省份 = models.CharField(max_length=100, null=True, blank=True, verbose_name='省份')class Meta:verbose_name_plural = verbose_name = '01-省份'def __str__(self):return self.省份# 城市class City(models.Model):城市 = models.CharField(max_length=100, null=True, blank=True, verbose_name='城市')省份 = models.ForeignKey('Province', on_delete=models.PROTECT, null=True, blank=True, related_name='城市_省份',verbose_name='省份')class Meta:verbose_name_plural = verbose_name = '02-城市'def __str__(self):return self.城市# 区/县class District(models.Model):区县 = models.CharField(max_length=100, null=True, blank=True, verbose_name='区/县')城市 = models.ForeignKey('City', on_delete=models.PROTECT, null=True, blank=True, related_name='区县_城市',verbose_name='城市')class Meta:verbose_name_plural = verbose_name = '03-区/县'def __str__(self):return self.区县2. 在 view.py 中from django.http import JsonResponsefrom sjld.models import Province, City, District# Create your views here.# 省份def choose_province(request):省份 = Province.objects.all()result = []for i in 省份:result.append(i.省份) # 取公司的简称province = result # 传递⼀个列表return JsonResponse(province, safe=False)def choose_city(request):省份 = request.GET.get('p') # 取上⾯选中省份的名称城市 = City.objects.all()result = []for i in 城市:if str(省份) == str(i.省份):result.append(i.城市)cities = result # 传递⼀个列表return JsonResponse(cities, safe=False)def choose_district(request):城市 = request.GET.get('c') # 取上⾯选中城市的名称区县 = District.objects.all()result = []for i in 区县:if str(城市) == str(i.城市):result.append(i.区县)cities = result # 传递⼀个列表districts = citiesreturn JsonResponse(districts, safe=False)3. 在 urls.py 中from django.contrib import adminfrom django.urls import pathfrom sjld.views import choose_province, choose_city, choose_districturlpatterns = [path('admin/', admin.site.urls),path('province/', choose_province),path('city/', choose_city),path('district/', choose_district),]4. 在 admin.py 中from django import formsfrom django.contrib import adminfrom shanjld.models import Member, Province, City, Districtclass MemberForm(forms.ModelForm):class Meta:widgets = {'province': forms.Select(),'city': forms.Select(),'district': forms.Select()}# ⼈员@admin.register(Member)class MemberAdmin(admin.ModelAdmin):form = MemberFormchange_form_template = 'area.html'# raw_id_fields = ('province', 'city', 'district',) # 这个在这⾥就⽆效了,希望哪位⼤⽼指点⼀下,怎么重写这个⽅法.fields = ('name', 'province', 'city', 'district')list_display = ('name', 'province', 'city', 'district')# 省份@admin.register(Province)class ProvinceAdmin(admin.ModelAdmin):pass# 城市@admin.register(City)class CityAdmin(admin.ModelAdmin):raw_id_fields = ('省份',)# 区/县@admin.register(District)class DistrictAdmin(admin.ModelAdmin):raw_id_fields = ('城市',)5. 在项⽬ templates ⽂件下新建⼀个 area.html ⽂件6. 找到django源码中的 change_form.html ⽂件,打开复制⾥⾯全部的html内容到 area.html 中. (⽂件在 External Libraries => python3.7(我⽤的这个版本) => site-packages => django/contrib/admin/templates/admin/).7. 在 area.html ⽂件中找到 {% block admin_change_form_document_ready %} (在66⾏) , ⽤下⾯代码覆盖全部 {% block admin_change_form_document_ready %} .7.1 area.html 中所有增加替换代码{% block admin_change_form_document_ready %}<script type="text/javascript"id="django-admin-form-add-constants"src="{% static 'admin/js/change_form.js' %}"{% if adminform and add %}data-model-name="{{ opts.model_name }}"{% endif %}></script><script type="text/javascript">(function($) {$('#id_city').change(function() {let p_id = $('#id_province').val();let c_id = $('#id_city').val();$.get('/district/', {"p": p_id, "c": c_id }, function(a_info) {var area_info = $('#id_district').empty().append('<option value>' + '---------' + '</option>');$.each(a_info, function(i, area) {area_info.append('<option value="' + area + '">' + area + '</option>')});{% if change %}$("#id_district").find("option:contains({{ original.district }})").attr('selected', true);{% endif %}});});$('#id_province').change(function() {let p_id = $('#id_province').val();$.get('/city/', { 'p': p_id }, function(c_info) {var city_info = $('#id_city').empty().append('<option value>' + '---------' + '</option>');$.each(c_info, function(i, city) {city_info.append('<option value="' + city + '">' + city + '</option>')});{% if change %}$("#id_city").find("option:contains({{ original.city }})").attr('selected', true);$("#id_city").trigger("change");{% endif %}});});$.get('/province/', function(p_info) {var province_info = $('#id_province').empty().append('<option value>' + '---------' + '</option>');$.each(p_info, function(i, province) {province_info.append('<option value="' + province + '">' + province + '</option>')});{% if change %}$("#id_province").find("option:contains({{ original.province }})").attr('selected', true);$("#id_province").trigger("change");{% endif %}});})(django.jQuery);</script>{% endblock %}7.2 area.html 中所有代码{% extends "admin/base_site.html" %}{% load i18n admin_urls static admin_modify %}{% block extrahead %}{{ block.super }}<script type="text/javascript" src="{% url 'admin:jsi18n' %}"></script>{{ media }}{% endblock %}{% block extrastyle %}{{ block.super }}<link rel="stylesheet" type="text/css" href="{% static "admin/css/forms.css" %}">{% endblock %}{% block coltype %}colM{% endblock %}{% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} change-form{% endblock %}{% if not is_popup %}{% block breadcrumbs %}<div class="breadcrumbs"><a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>› <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>› {% if has_view_permission %}<a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>{% else %}{{ opts.verbose_name_plural|capfirst }}{% endif %}› {% if add %}{% blocktrans with name=opts.verbose_name %}Add {{ name }}{% endblocktrans %}{% else %}{{ original|truncatewords:"18" }}{% endif %}</div>{% endblock %}{% endif %}{% block content %}<div id="content-main">{% block object-tools %}{% if change %}{% if not is_popup %}<ul class="object-tools">{% block object-tools-items %}{% change_form_object_tools %}{% endblock %}</ul>{% endif %}{% endif %}{% endblock %}<form {% if has_file_field %}enctype="multipart/form-data" {% endif %}action="{{ form_url }}" method="post" id="{{ opts.model_name }}_form" novalidate>{% csrf_token %}{% block form_top %}{% endblock %} <div>{% if is_popup %}<input type="hidden" name="{{ is_popup_var }}" value="1">{% endif %}{% if to_field %}<input type="hidden" name="{{ to_field_var }}" value="{{ to_field }}">{% endif %}{% if save_on_top %}{% block submit_buttons_top %}{% submit_row %}{% endblock %}{% endif %}{% if errors %}<p class="errornote">{% if errors|length == 1 %}{% trans "Please correct the error below." %}{% else %}{% trans "Please correct the errors below." %}{% endif %}</p>{{ adminform.form.non_field_errors }}{% endif %}{% block field_sets %}{% for fieldset in adminform %}{% include "admin/includes/fieldset.html" %}{% endfor %}{% endblock %}{% block after_field_sets %}{% endblock %}{% block inline_field_sets %}{% for inline_admin_formset in inline_admin_formsets %}{% include inline_admin_formset.opts.template %}{% endfor %}{% endblock %}{% block after_related_objects %}{% endblock %}{% block submit_buttons_bottom %}{% submit_row %}{% endblock %}{% block admin_change_form_document_ready %}<script type="text/javascript"id="django-admin-form-add-constants"src="{% static 'admin/js/change_form.js' %}"{% if adminform and add %}data-model-name="{{ opts.model_name }}"{% endif %}></script>{% endblock %}{# JavaScript for prepopulated fields #}{% prepopulated_fields_js %}</div></form></div>{% endblock %}8.效果9.访问admin出现问题:报错:UnicodeDecodeError: 'gbk' codec can't decode byte 0xa6 in position 9737: illegal multibyte sequence解决⽅法:。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>php+ajax动态生成下拉菜单</title>
<script language="JavaScript" src="../include/js/regions.js"></script>
{
$ra[area]=iconv('gb2312','UTF-8',$ra[area]);
echo "obja.options[obja.options.length] = new Option('".$ra[area]."','".$ra[area]."');\n";
$i++;
xmlHttp.send(null);
//setTimeout("startRequest()",2000);
}
function handleStateChange() {
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {
xmlHttpa.onreadystatechange = handleStateChangearea;
document.getElementById('select2').options.length = 0;
document.getElementById('select3').options.length = 0;
}
}
if($city && $province==''){
global $db; $i = 1;
$result = $db->query("SELECT DISTINCT area FROM ".TABLE_CITY." WHERE city='$city' ORDER BY cityid");
}
function createXMLHttpRequesta() {
if (window.ActiveXObject) {
xmlHttpa = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
}
}
}
数据岛 regions.php 页面代码
<?php
require "common.php";
$city = $city ? $city : "";
$area = $area ? $area : "";
if($province && $city==''){
xmlHttpa = new XMLHttpRequest();
}
}
function startRequest() {
createXMLHttpRequest();
createXMLHttpRequesta();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttpa.send(null);
//setTimeout("startRequest()",2000);
}
function handleStateChangea() {
if(xmlHttpa.readyState == 4) {
if(xmlHttpa.status == 200) {
function regionss($country="中华人民共和国")
{
global $db; $i = 1;
$text="<select id=\"select1\" name=\"select1\" onchange=\"startRequest()\" style=\"width:90px;\"><option value=\"\">省/市/自治区</option>\n";
var obja = document.getElementById('select3');
eval(xmlHttpa.responseText);
//将服务器返回的字符串写到页面中ID为select3的区域
var url = document.form1.select1.value;
var qurl = "/regions.php?province="+url+"&time="+new Date().getTime();
xmlHttp.open("GET", qurl, true);
$city = $r[city];
$resulta = $db->query("SELECT DISTINCT area FROM ".TABLE_CITY." WHERE city='$city' ORDER BY cityid");
while($ra = $db->fetch_array($resulta))
$result = $db->query("SELECT province FROM ".TABLE_PROVINCE." WHERE country='$country' ORDER BY provinceid");
while($r = $db->fetch_array($result))
}
//var ab = new Array();
function startRequesta() {
createXMLHttpRequesta();
xmlHttpa.onreadystatechange = handleStateChangea;
document.getElementById('select3').options.length = 0;
while($r = $db->fetch_array($result))
{
$r[area]=iconv('gb2312','UTF-8',$r[area]);
echo "obja.options[obja.options.length] = new Option('".$r[area]."','".$r[area]."');\n";
$i++;
}
}
?>
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
{
$r[city]=iconv('gb2312','UTF-8',$r[city]);
echo "obj.options[obj.options.length] = new Option('".$r[city]."','".$r[city]."');\n";
$i++;
}
global $db; $i = 1;
$result = $db->query("SELECT DISTINCT city FROM ".TABLE_CITY." WHERE province='$province' ORDER BY cityid");
while($r = $db->fetch_array($result))
$text.="<select id=\"select3\" name=\"select3\" style=\"width:90px;\"><option value=\"\">县级市/县</option></select>\n";
return $text;
var url = document.form1.select2.value;
var qurl = "/regions.php?city="+url+"&time="+new Date().getTime();
xmlHttpa.open("GET", q
//var ab = new Array();