省市级联.net
初学javascript，编译省市级联，使用json在一般处理程序中编译，利用ajax传递数据到web前台
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>json</title>
<script language="javascript" type="text/javascript">
<!--
var provincelist;
function getarea() {
var xmlhttp;
var _province = document.getElementById("province");
var msg = document.getElementById("province").value; if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
}
else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
provincelist = eval("(" + xmlhttp.responseText + ")"); for (var p in provincelist.Area) {
var opt_1 = new Option(provincelist.Area[p].name, provincelist.Area[p].id);
_province.add(opt_1);
} }
}
xmlhttp.open("GET", "Handler1.ashx?q=" + msg, true);
xmlhttp.send();
} function tocity() {
var _province = document.getElementById("province");
var _city = document.getElementById("city");
var _region = document.getElementById("region"); var v_province = _province.value; _city.options.length = 1;
_region.options.length = 1; for (var p in provincelist.Area) {
if (provincelist.Area[p].id == v_province) {
for (var e in provincelist.Area[p].city) {
var opt_2 = new Option( provincelist.Area[p].city[e].name,provincelist.Area[p].city[e].id);
_city.add(opt_2); }
break;
}
}
} function toregion() {
var _province = document.getElementById("province");
var _city = document.getElementById("city");
var _region = document.getElementById("region"); var v_province = _province.value;
var v_city = _city.value; //_province.options.length=1;
_region.options.length = 1; for (var p in provincelist.Area) {
if (provincelist.Area[p].id == v_province) {
for (var e in provincelist.Area[p].city) {
//alert(place_list[e].province[p].value);
if (provincelist.Area[p].city[e].id == v_city) {
// alert(place_list[e].province[p].value);
//document.getElementById("Label3").innerHTML = v_province;
for (var k in provincelist.Area[p].city[e].region) {
var opt_3 = new Option(provincelist.Area[p].city[e].region[k].name, provincelist.Area[p].city[e].region[k].id);
_region.add(opt_3);
}
// document.getElementById("Label5").innerHTML = v_city ;
return;
} }
break;
}
} } //-->
</script>
</head> <body onload="getarea();">
<select id="province" onchange="tocity();">
<option value="-1">--请选择国家---</option>
</select>
<select id="city" onchange="toregion();" >
<option value="-1">--请选择省份---</option>
</select>
<select id="region" >
<option value="-1">--请选择市区---</option>
</select> </body>
</html>
/// <summary>
/// Handler1 的摘要说明
/// </summary>
public class Handler1 : IHttpHandler
{
//public DataSet sqldataset = new DataSet();
public void ProcessRequest(HttpContext context)
{ string provincelist = "{\"Area\":[{\"id\": \"350000\", \"name\": \"福建\", \"city\": "
+"["
+"{ \"id\": \"350100\", \"name\": \"福州市\", \"region\":"
+"["
+"{ \"id\": \"350102\", \"name\": \"鼓楼区\" }, "
+"{ \"id\": \"350182\", \"name\": \"长乐市\"}"
+"]"
+"},"
+"{ \"id\": \"350200\", \"name\": \"厦门市\", \"region\":"
+"[{ \"id\": \"350203\", \"name\": \"思明区\" },"
+"{ \"id\": \"350212\", \"name\": \"同安区\"}"
+"]"
+"}, "
+"{ \"id\": \"350300\", \"name\": \"莆田市\", \"region\":"
+"[{ \"id\": \"350302\", \"name\": \"城厢区\" },"
+"{ \"id\": \"350322\", \"name\": \"仙游县\" }"
+"]"
+"},"
+"{ \"id\": \"350400\", \"name\": \"三明市\", \"region\": "
+"[{ \"id\": \"350402\", \"name\": \"梅列区\" },"
+"{ \"id\": \"350403\", \"name\": \"三元区\" }"
+"]"
+"}, "
+"{ \"id\": \"350500\", \"name\": \"泉州市\", \"region\":"
+"[{ \"id\": \"350502\", \"name\": \"鲤城区\" },"
+"{ \"id\": \"350503\", \"name\": \"丰泽区\" }"
+"]"
+"},"
+"{ \"id\": \"350600\", \"name\": \"漳州市\", \"region\": "
+"[{ \"id\": \"350602\", \"name\": \"芗城区\" },"
+"{ \"id\": \"350603\", \"name\": \"龙文区\" }"
+"]"
+"},"
+"{ \"id\": \"350700\", \"name\": \"南平市\", \"region\":"
+"[{ \"id\": \"350702\", \"name\": \"延平区\" },"
+"{ \"id\": \"350721\", \"name\": \"顺昌县\" }"
+"]"
+"},"
+"{ \"id\": \"350900\", \"name\": \"宁德市\", \"region\": "
+"[{ \"id\": \"350902\", \"name\": \"蕉城区\" },"
+"{ \"id\": \"350921\", \"name\": \"霞浦县\" }"
+" ]"
+" }"
+" ]"
+" },"
+"{ \"id\": \"360000\", \"name\": \"江西\", \"city\": "
+"["
+"{ \"id\": \"360100\", \"name\": \"南昌市\", \"region\": "
+"[ { \"id\": \"360102\", \"name\": \"东湖区\" },"
+"{ \"id\": \"360103\", \"name\": \"西湖区\"}"
+" ]"
+"},"
+"{ \"id\": \"360200\", \"name\": \"景德镇市\", \"region\": "
+"[{ \"id\": \"360202\", \"name\": \"昌江区\" },"
+"{ \"id\": \"360203\", \"name\": \"珠山区\"}"
+"]"
+"},"
+"{ \"id\": \"360300\", \"name\": \"萍乡市\", \"region\":"
+" ["
+" { \"id\": \"360302\", \"name\": \"安源区\" },"
+"{\"id\":\"360313\",\"name\":\"湘东区\"}"
+" ]"
+"},"
+"{\"id\":\"360400\",\"name\":\"九江市\",\"region\":"
+"[{\"id\":\"360402\",\"name\":\"庐山区\"},"
+" {\"id\":\"360403\",\"name\":\"浔阳区\"}"
+"]"
+" },"
+" {\"id\":\"360500\",\"name\":\"新余市\",\"region\":"
+" [{\"id\":\"360502\",\"name\":\"渝水区\"},"
+" {\"id\":\"360521\",\"name\":\"分宜县\"}"
+" ]"
+"},"
+"{\"id\":\"360600\",\"name\":\"鹰潭市\",\"region\":"
+"[ {\"id\":\"360602\",\"name\":\"月湖区\"},"
+" {\"id\":\"360622\",\"name\":\"余江县\"}"
+" ]"
+" },"
+"{\"id\":\"360700\",\"name\":\"赣州市\",\"region\":"
+"[{\"id\":\"360702\",\"name\":\"章贡区\"},"
+" {\"id\":\"360721\",\"name\":\"赣县\"}"
+" ]"
+"},"
+" {\"id\":\"360800\",\"name\":\"吉安市\",\"region\":"
+"[{\"id\":\"360802\",\"name\":\"吉州区\"},"
+"{\"id\":\"360803\",\"name\":\"青原区\"}"
+" ]"
+"},"
+"{\"id\":\"360900\",\"name\":\"宜春市\",\"region\":"
+"[{\"id\":\"360902\",\"name\":\"袁州区\"},"
+"{\"id\":\"360921\",\"name\":\"奉新县\"}"
+"]"
+"},"
+"{\"id\":\"361000\",\"name\":\"抚州地区\",\"region\":"
+"[{\"id\":\"361002\",\"name\":\"临川区\"},"
+"{\"id\":\"361021\",\"name\":\"南城县\"}"
+"]"
+"},"
+" {\"id\":\"361100\",\"name\":\"上饶市\",\"region\":"
+" [{\"id\":\"361102\",\"name\":\"信州区\"},"
+"{\"id\":\"361121\",\"name\":\"上饶县\"}"
+"]"
+" }"
+"]"
+ "}]}";
context.Response.ContentType = "text/plain";
context.Response.Write(provincelist); } public bool IsReusable
{
get
{
return false;
}
} }
省市级联.net的更多相关文章
- JavaScript 省市级联效果
JavaScript 省市级联效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...
- JavaScript实现省市级联效果实例
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- javascript中的省市级联效果
学习javascript的时候都遇到过这样的需求,不仅是省市,还有其他的一些场景,看看关键的代码有哪些吧. <head runat="server"> <titl ...
- 全国省市级联数据sql语句 mysql版
全国省市级联数据sql语句 mysql版 --省级 provincial create table provincial ( provincialID int, provincialName ), p ...
- thinkPHP中省市级联下拉列表
公共函数放置位置common文件夹下common.php文件(此段代码也可放置在要使用的控制器中) 封装的下拉列表函数代码: /** * 根据列表拼装成一个下拉列表 ADD BY CK * @para ...
- js省市级联实现
js省市级联实现. for [element] in [collection] 用于循环下标,常用于json for(index in arr){ console.info("下标:&quo ...
- 纯js实现省市级联效果
我们都知道一般有注册的时候会让用户填入省市啊地区什么的,然后我就想使用纯js制作一个省市级联的效果,只是用于学习以及回顾温习用,首先看下效果图,界面很丑啊,不要嫌弃! 首先还是先看下我的项目目录吧 很 ...
- Ajax异步刷新省市级联
省市级联在web前端用户注册使用非常广泛.Ajax异步刷新省市级联.如图:选择不同的区,自动加载相应的街. <TD class=field>位 置:</TD> <TD&g ...
- jquery库和cityselect插 件的省市 级联
/*$(function(){ $("#select_provice").citySelect({ prov:"北京", nodata:"none&q ...
随机推荐
- kibana 使用
统计IP前五的数据 统计相应时间 状态码统计 统计IP地图
- javascript客户端与服务器端通信
高性能的网络通信包括以下方面:选择正确的数据格式和与之匹配的传输技术. 一.数据格式 用于传输的数据格式有: 1)html,仅适用于特定场合,传输数据量大,不过它可以节省客户端的CPU周期, 2)XM ...
- Appium环境搭建
早就想学习移动端的自动化测试:今天看了些资料@虫师,整理下环境搭建流程:标"1"为最佳流程: 文字版的流程可以参见虫师的博客:
- MySQL数据库中tinyint类型字段读取数据为true和false
今天遇到这么一个问题,公司最近在做一个活动,然后数据库需要建表,其中有个字段是关于奖励发放的状态的字段,结果读取出来的值为true 一.解决读取数据为true/false的问题 场景: 字段:stat ...
- C语言堆和栈
堆和栈的区别 一个由C/C++编译的程序占用的内存分为以下几个部分1.栈区(stack)— 由编译器自动分配释放 ,存放函数的参数值,局部变量的值等.其操作方式类似于数据结构中的栈.2.堆区(heap ...
- 网络层、传输层、应用层、端口通信协议编程接口 - http，socket，tcp/ip 网络传输与通讯知识总结
引: http://coach.iteye.com/blog/2024511 什么是TCP和UDP,以及二者区别是什么? TCP的全称为传输控制协议.这种协议可以提供面向连接的.可靠的.点到点的通信. ...
- php 读取输出其他文件的方法
ob_start();iconv('utf-8','gb2312',readfile('1.html')); //直接输出文本内容echo '<hr>'; $data = file_get ...
- libtool: line 990: g++: command not found的解决
yum -y install gcc+ gcc-c++
- JAVA NIO——Buffer和FileChannel
Java NIO和IO的主要区别 IO NIO 面向流 面向缓冲 阻塞IO 非阻塞IO 无 选择器 示例: import java.io.FileInputStream; import java.io ...
- 【转载】Log4j详细使用教程
本文由林炳文Evankaka创作,出处http://blog.csdn.net/evankaka 日志是应用软件中不可缺少的部分,Apache的开源项目Log4j是一个功能强大的日志组件,提供方便的日 ...