function area() { _url = "/ashx/DropDownControl.ashx"; _swType = "GetArea"; _z = ["#province", "#city", "#conty"]; _zo = ["#province > option[value!=-1]", "#city > option[value!=-1]", "#conty > option[value!=-1]"]; this.BindChange = function () { _load(0, null); $(_z[0]).change(function () { _load(1, null); $(_zo[2]).remove() }).change(); $(_z[1]).change(function () { _load(2, null) }) }; this.GetArea = function () { var a = $(_z[2]).val(); a = a == "-1" ? $(_z[1]).val() : a; a = a == "-1" ? $(_z[0]).val() : a; return a }; this.SetArea = function (r) { if (r.length > 0) { if (r.length == 2) { $(_z[0]).val(r).change(); $(_z[1]).change(); $(_zo[2]).remove() } else { if (r.length == 4) { var p = r.substr(0, 2); $(_z[0]).val(p); _load(1, function () { $(_z[1]).val(r); $(_zo[2]).remove() }) } else { if (r.length == 6) { var p = r.substr(0, 2); var c = r.substr(0, 4); $(_z[0]).val(p); _load(1, function () { $(_z[1]).val(c); _load(2, function () { $(_z[2]).val(r) }) }) } } } } }; this.ResetArea = function () { $(_z[0] + " > option:first").attr("selected", "selected"); $(_z[0]).change(); $(_z[1]).change() }; _load = function (t, c) { var guid = t == 0 ? "" : t == 1 ? $(_z[0]).val() : $(_z[1]).val(); if (guid != "-1") { $(_zo[t]).remove(); var obj = $(_z[t]); JQueryPost(_url, { swType: _swType, guid: guid }, function (r) { r = eval("(" + r + ")"); for (var i = 0; i < r.length; i++) { obj.append("<option value='" + r[i].Value + "'>" + r[i].Text + "</option>") } if (c != null) { setTimeout(function () { c() }, 100) } }) } else { if (c != null) { c() } } } };

使用方法:var ar = new area();ar.SetArea(result.areaCode);

获取选中的地址:ar.GetArea();

注意:各级联下拉框id值已经固定,不可更改。

地址下拉框,需要js级联js的更多相关文章

  1. Html下拉框的定义以及JS、Jquary取值、添加和移除

    现在有一id=test的下拉框,怎么拿到选中的那个值呢? 分别使用javascript原生的方法和jquery方法 <select id="test"  name=" ...

  2. 关于控制下拉框select只读的js控制

    文本框有readonly属性,直接设置:下拉框没有readonly属性,也不能通过其他属性进行只读的设置,下拉框只有disabled属性,但是这个属性设成true之后,值就获取不到了: 我在网上搜了一 ...

  3. EXT学习之——Ext下拉框绑定以及级联写法

    /*******步骤有四个,缺一不可*********/ function () {xxxxxx = Ext.extend(construct, {InitControl: function () { ...

  4. 下拉框combobox用法&级联餐单

    如果下来内容不用后台取数据,直接写死的话不用url属性,直接用data即可: <input id="orderstate" name="orderstate&quo ...

  5. springmvc+jquery实现省市区地址下拉框联动

    参考资料:http://www.cnblogs.com/whgw/archive/2012/05/11/2496667.html 1.jsp页面实现 <%@ page language=&quo ...

  6. 下拉框多级联动辅助js,优化您的下拉框

    function IniteSelect(options) { $("body").IniteSelect(options) } (function ($) { $.fn.Init ...

  7. jQuery无限级联下拉框插件

    自己编写jQuery插件 之 无限级联下拉框   因为是级联,所以数据必须是树型结构的,我这里的测试数据如下: 看下效果图: 1.>图一: 2.>图二: 3.>图三: 由图可知,下拉 ...

  8. ajax 多级联动 下拉框 Demo

    写了ajax实现级联下拉框,考虑常用,并且级联个数随不同业务个数不同,于是就整理了一下,实现了 ajax + N级联动 下拉框的效果 效果图 HTML 代码 <h2> 省级联动</h ...

  9. jq实现简单的二级联动下拉框

    1 效果图 2 html <!DOCTYPE html> <html lang="en"> <head>     <meta charse ...

随机推荐

  1. android- 远程调试

    最近由于要在另外一台android设备上调试代码,在本机PC上查看其log.两台机器离的比较远, 无法用usb直接连接,于是在网上找了很多资料,最找使用adb connect方法解决了该问题.解决过程 ...

  2. tomcat 热替换class

    需要在server.xml中做以下配置: 在host节点内加入<Context>标签,reloadable属性设置为true. <Host name="localhost& ...

  3. 如何在命令行中让python2和python3同存

    初学python,你可能同时安装了python2和3.在我们安装好python之后,我们会面临这样一个问题,在命令行输入"python",可能会出错,或者只能调用其中一个版本,py ...

  4. Python基础--函数的定义和调用

    一.函数的作用: 提高代码的可读性,减少代码的冗余,方便调用和修改,组织结构清晰 二.函数的定义:函数遵循先定义后调用的原则 1.无参函数 def funcname(): #def 是关键字,后跟函数 ...

  5. 二、配置QtDesigner、PyUIC及PyRcc

    配置QtDesigner.PyUIC及PyRcc 安装完PyQt 5 及PyQt5-tools 后,则需要在Pycharm中配置QtDesigner.PyUIC及PyRcc. 配置QtDesigner ...

  6. Http post请求数据分析 --作者, 你的这个需求我可以做, 我在平台上无法给你发消息和接收你的任务, 所以,如果你看到这个信息, 可以联系我.

    Http post请求数据分析 作者, 你的这个需求我可以做, 我在平台上无法给你发消息和接收你的任务, 所以,如果你看到这个信息, 可以联系我. 软件需求就是不停post一个网址,然后根据返回的信息 ...

  7. POJ-1135 Domino Effect---最短路Dijk

    题目链接: https://vjudge.net/problem/POJ-1135 题目大意: 有N个关键的多米诺骨牌,这些牌通过一些路径相连接,这些路径是由一排其他骨牌构成的.已知每一条路径上的骨牌 ...

  8. Spark RDDs vs DataFrames vs SparkSQL

    简介 Spark的 RDD.DataFrame 和 SparkSQL的性能比较. 2方面的比较 单条记录的随机查找 aggregation聚合并且sorting后输出 使用以下Spark的三种方式来解 ...

  9. C++_进阶之函数模板_类模板

     C++_进阶之函数模板_类模板 第一部分 前言 c++提供了函数模板(function template.)所谓函数模板,实际上是建立一个通用函数,其函数类型和形参类型不具体制定,用一个虚拟的类型来 ...

  10. ABP领域层知识回顾之---工作单元

    1. 前言   在上一篇博文中(http://www.cnblogs.com/xiyin/p/6842958.html) 我们讲到了ABP领域层的仓储.这边博文我们来讲 工作单元.个人觉得比较重要.文 ...