开发者社区> 天才小龙> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

省市区三级联动,JS实现

简介: 文件下载地址:http://files.cnblogs.com/files/chenwolong/jsAddress.rar 示例截图: 在这里自己记录一个方法: function cmbAddOption(cmb, str, obj) { var option = document.
+关注继续查看

文件下载地址:http://files.cnblogs.com/files/chenwolong/jsAddress.rar

示例截图:

在这里自己记录一个方法:

function cmbAddOption(cmb, str, obj) {
var option = document.createElement("OPTION");
cmb.options.add(option);
option.innerHTML = str;
option.value = str;
option.obj = obj;
}

用于向Select下拉列表中增加Option

调用实例:

 function change() {
            //异步加载所有医院、自定义方法
            var provinceName = $("#provinceName").val();
            var cityName = $("#cityName").val();
            var areaName = $("#areaName").val();
            var bat = { "provinceName": provinceName, "cityName": cityName, "areaName": areaName };
            $.post("/Regist/GetHospital", bat, function (data) {
                var objList = JSON.parse(data);
                $("#FwName").find("option").remove();
                for (var i = 0; i < objList.length; i++) {
                    var FwName = document.getElementById("FwName");
                    cmbAddOption(FwName, objList[i].hospitalValue, objList[i].hospitalTxt)
                }
            });
        }

@陈卧龙的博客

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
用JavaScript实现的设计模式之commandline(命令行)模式
用JavaScript实现的设计模式之commandline(命令行)模式
49 0
通过阶乘的例子,练习在JavaScript, Scala和ABAP里实现尾递归(Tail Recursion)
通过阶乘的例子,练习在JavaScript, Scala和ABAP里实现尾递归(Tail Recursion)
44 0
介绍一种在ABAP内核态进行内表高效拷贝的方法,和对应的Java和JavaScript版本的伪实现
介绍一种在ABAP内核态进行内表高效拷贝的方法,和对应的Java和JavaScript版本的伪实现
60 0
不使用任何框架,手写纯 JavaScript 实现上传本地文件到 ABAP 服务器
这是 Jerry 2021 年的第 69 篇文章,也是汪子熙公众号总共第 346 篇原创文章
88 0
【JavaScript】-------javaScript实现两个时间相差多少分钟! 实例代码
【JavaScript】-------javaScript实现两个时间相差多少分钟! 实例代码
120 0
前端之美:9个很酷的基于 CSS3 和 JavaScript 实现的效果
  这篇文章向大家分享9个很酷的挑选自 DemoStudio 的 CSS3 和 JavaScript 实现的精美效果。DemoStudio 是 Mozilla Developer Network(MDN)用于展示一些非常优秀的 CSS3 和 JavaScript 效果的网站,Google 也有一个 Chrome Experiment,用于展示最新的 Web 技术应用。
997 0
重磅出击 实现IOS下内嵌HTML编辑器 Objective-C 与 JavaScript 通信攻关
通过接近N天的努力. 终于在今天.IOS下内嵌HTML编辑器的Demo 基本实现. 学习过程中,参考了很多网上的资料.很感谢这些分享资源的牛人.有你们.
1308 0
零起点 Asp.net中使用javaScript实现前后台方法的相互调用
零起点 Asp.net中使用javaScript实现前后台方法的相互调用 一、前台调用后台的方法: 1、在后台编写你要调用到前台的方法,如下:   public string str()//javaScript函数中执行C#代码中的函数 { retur...
933 0
javascript实现二级联动下拉框
这个是简单也是最基本的下拉框联动的示例,这个示例主要针对那些只有二级联动,且第一级是固定的选项,第二级的内容也比较简单。这里使用了javascript来联动第二级下拉框。  1 DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2  3  4  New Document  5  6  7  8  9 10     //定义了城市的二维数组,里面的顺序跟省份的顺序是相同的。
1033 0
+关注
天才小龙
陈卧龙,河南人,现居苏州,擅长NET开发,三层多层架构,EF框架,针对大数据,高并发有一定的研究!
文章
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
编程语言如何演化—— 以 JS 的 private 为例
立即下载
Python第五讲——关于爬虫如何做js逆向的思路
立即下载