利用hao123天气插件的地址选择提供的api进行跨域调用实现地址的省 地级市 县 联动选择。

省级选择数据api地址：http://www.hao123.com/api/citymenu?callback=xygui&_=1465059956218

参数callback回调函数，值由你随便定，这里为xygui

参数_为当前时戳。

地级市选择数据api地址：http://www.hao123.com/api/citymenu?callback=xygui&pid=01&_=1465059956218

参数pid为省级选项的value确定。

县选择数据api地址：http://www.hao123.com/api/citymenu?callback=xygui&pid=01&cid=00&_=1465059956218

参数cid为地级市选项的value确定。

打开数据格式为：

/**/xygui([{"id":"01","firstchar":"B","name":"u5317u4eac"},{"id":"02","firstchar":"S","name":"u4e0au6d77"}...])

即调用函数xygui对JSON数据进行处理。
下面我的处理方案：
1、面页定义选择控件：<select class="select-province"></select><select class="select-city"></select><select class="select-district"></select>

2、定义，地址处理函数（jquery）：

 function setP(pV, cV, dV) {
        var weatherData = 'nothing';
        var targetID;
        var defaultV = 0;

        //定义window.xygui函数，见hao123api。
        window.xygui = function (object) {
            weatherData = object;
        }

        if ($(".select-province").html() == "") { //初始化省级
            targetID = "select-province";
            defaultV = pV;
            appendScript("http://www.hao123.com/api/citymenu?callback=xygui&_=", targetID)
            bindData();
        } else if ($(".select-city").html() == "") {//初始化市级
            targetID = "select-city";
            appendScript("http://www.hao123.com/api/citymenu?callback=xygui&pid=" + pV + "&_=", targetID)
            defaultV = cV;
            bindData();
        } else if ($(".select-district").html() == "") { //初始化区级
            defaultV = dV;
            targetID = "select-district";
            appendScript("http://www.hao123.com/api/citymenu?callback=xygui&pid=" + pV + "&cid=" + cV + "&_=", targetID);
            bindData();
        } else {
            $(".select-district").val(dV);

            return "ok";
        }

        function bindData() {
            if (weatherData == 'nothing') { //利用timer等待直到加载完成并执行xygui函数
                setTimeout(bindData, 100);
            } else {
                targetOb = $("." + targetID);
                if (weatherData == null) {
                    // 直辖市从00开始，其它从01开始
                    setP(pV, cV == "01" ? "00" : "01", dV);
                } else {
                    for (var i = 0; i < weatherData.length; i++) {
                        opt = '<option value="' + weatherData[i].id + '">' + weatherData[i].firstchar + ' ' + weatherData[i].name + '</option>';
                        targetOb.append(opt);
                    }
                    targetOb.val(defaultV);
                    setP(pV, cV, dV);//递归调用。
                }
            }
        }
　　　　
        function appendScript(url, scriptid) {　　//加载js
            var timestamp = new Date().getTime();
            var script = document.getElementById("script-" + scriptid);
            if (script) document.body.removeChild(script)
            script = document.createElement('script');
            script.id = "script-" + scriptid;
            script.type = "text/javascript";
            document.body.appendChild(script);
            script.src = url + timestamp;
        }
    }

3、绑定选择改变事件：

    $(".select-province").change(function () {
        var p = $(".select-province").val();
        $(".select-city, .select-district").empty();　　//省级选项改变，清空地级市 县选择项。
        setP(p, "00", "00");
    });

    $(".select-city").change(function () {
        var p = $(".select-province").val();
        var c = $(".select-city").val();
        $(".select-district").empty();　　//地级市选项改变，清空县选择项。
        setP(p, c, "00");
    });

4、页面加载初始化为北京，调用

setP("01", "00", "01");