省市区三级联动,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)
                }
            });
        }

@陈卧龙的博客

相关文章
|
4月前
|
JSON JavaScript 数据格式
如何用JS实现三级联动功能
如何用JS实现三级联动功能
30 0
|
4月前
|
JavaScript 前端开发
原生js做三级联动
原生js做三级联动
15 0
|
4月前
|
JavaScript 前端开发
「 javaScript实现省市区三级联动」
「 javaScript实现省市区三级联动」
|
8月前
|
存储 JSON JavaScript
|
4月前
|
JavaScript 前端开发
js 实现三级联动
js 实现三级联动
29 0
|
9月前
|
JavaScript 前端开发
JS实现三级联动
JS实现三级联动
|
4月前
|
JavaScript
制作JS省市区三级联动遇到市区选项是空白的问题
制作JS省市区三级联动遇到市区选项是空白的问题
|
5月前
|
JavaScript
JS实现三级联动
JS实现三级联动
27 0
|
5月前
|
JavaScript
原生js实现省市区三级联动
原生js实现省市区三级联动
21 0
|
6月前
|
JavaScript
JS实现三级联动
JS实现三级联动
18 0