省市级联.net

最新推荐文章于 2024-09-01 13:33:34 发布
最新推荐文章于 2024-09-01 13:33:34 发布
阅读量60 收藏
点赞数
文章标签： javascript json xhtml ViewUI
原文链接：http://www.cnblogs.com/zhi5429/p/4501464.html
版权

初学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 οnlοad="getarea();"> <select id="province" οnchange="tocity();"> <option value="-1">--请选择国家---</option> </select> <select id="city" οnchange="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;
            }
        }
       
       
         
       
    }

 

转载于:https://www.cnblogs.com/zhi5429/p/4501464.html

weixin_30338743
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
asp.net省市级联
05-20
在ASP.NET web开发中，"省市级联"是一种常见的功能需求，它允许用户在选择省份后，自动更新并显示与其对应的市、区级联列表。这个功能在许多数据输入场景中非常实用，如用户地址填写、订单配送设置等。本文将深入...
ASP.net+省市级联(带数据库)源码
10-18
在"ASP.NET+省市级联(带数据库)源码"这个项目中，我们可以深入学习到如何利用 ASP.NET 实现一个动态的、具有省市区级联选择功能的 Web 应用。 首先，省市级联是一种常见的 Web 表单元素，通常用于收集用户所在的...
.net省市三联动
BruceWang的专栏
05-22 958
*******************************************aspx页*****************************************************                                   onselectedindexchanged="ddlprovince_SelectedIndexChang
asp.net 实现省市级联-----<简单方法1>
weixin_34190136的博客
06-18 266
准备工作：数据库自带 1.前台代码部分: <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> &...
省市级联
WenwenFighting1314的博客
10-01 376
请选择省份                 请选择城市         var proArr=['湖南省','湖北省'];     var pros=new Array();     pros['湖南省']=['长沙市','衡阳市','常德市','株洲市','湘潭市'];     pros['湖北省']=['武汉市','宜昌市','黄冈市','荆州市'];     
省市级联；附有最新最全的省市区数据包
T617ing的博客
11-14 1346
  1.下载地址 https://download.csdn.net/download/t617ing/10784717
ASP.Net中省市级联有关
weixin_33874713的博客
05-31 52
View Code 1 public partial class City : System.Web.UI.Page 2 { 3 protected void Page_Load(object sender, EventArgs e) 4 { 5 if(!IsPostBack) 6 { 7 BindProv(); 8...
JavaScript 省市级联效果
weixin_33730836的博客
05-07 47
为什么80%的码农都做不了架构师？>>> ...
DWR实现省市级联
10-15 1166
项目部署为： 数据库SQL代码为： --省级   provincial   create table provincial ( provincialID int, provincialName varchar(50), primary key (provincialID) )engine=INNODB default charset=gb2312; --城市   cit
ASP.NET web form 使用jQuery ajax 省市级联
情傷
11-27 927
页面HTML部分： 省（市）：
jquery省市级联插件
fogu77的专栏
12-04 321
http://www.oschina.net/code/snippet_871207_16125
三层省市级联源码 ThreeProvincesMunicipal.rar
01-25
三层省市级联源码 源码描述： 一、源码特点 1、省市联动，需要数据可以在数据库添加，基于winform进行开发，提供学习使用 二、注意事项 1、开发环境为Visual Studio 2010，数据库为SqlServer2008，使用.net 4.0...
XD三层省市级联源码 XDThreeProvincesMunicipal.rar
11-09
XD三层省市级联源码 源码描述： 一、源码特点 1、省市联动，需要数据可以在数据库添加，基于winform进行开发，提供学习使用 二、注意事项 1、开发环境为Visual Studio 2010，数据库为SqlServer2008，使用.net 4.0...
【项目】云备份系统笔记
m0_73713491的博客
08-27 1060
就包含一个类，config，是读取配置文件的类，因为配置文件只有一份，所以可以采用单例模式，把config类的构造函数私有化，只能通过一个公共成员函数getinstance（）来创建对象（new config（）），在类的内部可以调用私有化构造函数，构造函数里面再调用读取配置文件的函数，用自己实现的工具类读取配置文件，将读到的内容放到一个字符串中，然后再将字符串用Json进行序列化，然后给类中的成员变量进行赋值，类中的成员变量就包含了cloud.conf里面包含的信息，一一对应。
jQuery基础——DOM
m0_54066656的博客
08-27 2089
JQ基础——DOM操作
vue ref和reactive区别
灰海
08-25 6314
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
从面向对象(OOP)到面向切面(AOP)：编程范式的演变
妍思码匠的博客
08-30 986
本文深入探讨了面向切面编程（AOP）在前端开发中的应用，解释了AOP如何通过动态增强与代码复用、降低模块间耦合度，为前端项目带来更高效、更模块化的解决方案。通过具体案例分析，如日志记录切面和动态埋点的实现，展示了如何利用装饰器模式、高阶组件等技术在前端实现AOP。理解AOP的原理与实践，将有助于开发者构建更易于维护和扩展的前端应用。无论你是前端新手还是资深开发者，本文都将为你提供有价值的见解和实用技巧。
vue3使用-watch监听总结
最新发布
weixin_44072254的博客
09-01 236
{deep: true, immediate: true, flush: 'post'}：deep是深度监听；flush:如果想在侦听器回调中能访问被 Vue 更新之后的所属组件的 DOM就用'post'，sync'创建一个同步触发的侦听器，它会在 Vue 进行任何更新之前触发；flush: 'post'， 如果想在侦听器回调中能访问被 Vue 更新之后的所属组件的 DOM就用'post'flush: sync'，创建一个同步触发的侦听器，它会在 Vue 进行任何更新之前触发。监听数组的方式-示例。
javascript省市级联代码
12-21
以下是一个简单的JavaScript省市级联代码的示例： ```javascript // 省份数据 var provinces = [ { name: "北京市", cities: ["北京市"] }, { name: "上海市", cities: ["上海市"] }, { name: "广东省", cities:...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值