JSON省市联动 - 走看看

zoukankan html css js c++ java

JSON省市联动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="Area_mini.js" type="text/javascript"></script>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#areaProvince").change(function() {
        LoadCity2();
        //LoadCounty();
    });
     LoadArea2('辽宁', '沈阳');
});

function LoadArea2(prov, city) {
    LoadProvince(prov);
    LoadCity2(city);
}
function LoadArea3(prov, city, County) {
    LoadProvince(prov);
    LoadCity3(city);
    LoadCounty(County);
}
function LoadProvince(values) {
    $("#areaProvince").empty();
    for (var id in countryAreaData) {
        $("#areaProvince").append(" <option value='" + id + "'>" + id + "</option>");
    }
    if (typeof(values) == "string") {
        $("#areaProvince option[value=" + values + "]").attr("selected", true)
    }
}
function LoadCity3(values) {
    $("#areaCity").empty();
    $("#areaCounty").empty();
    var s1 = $("#areaProvince option:selected").val();
    for (var id2 in countryAreaData[s1]) {

        $("#areaCity").append(" <option value='" + id2 + "'>" + id2 + "</option>");
    }
    if (typeof(values) == "string") {
        $("#areaCity option[value=" + values + "]").attr("selected", true)
    }
}
function LoadCity2(values) {
    $("#areaCity").empty();
    var s1 = $("#areaProvince option:selected").val();
    for (var id2 in countryAreaData[s1]) {
        $("#areaCity").append(" <option value='" + id2 + "'>" + id2 + "</option>");
    }
    if (typeof(values) == "string") {
        $("#areaCity option[value=" + values + "]").attr("selected", true)
    }
}

function LoadCounty(values) {
    $("#areaCounty").empty();
    var str1 = $("#areaProvince option:selected").val();
    var str2 = $("#areaCity option:selected").val();

    for (i = 0; i < countryAreaData[str1][str2].length; i++) {
        str = countryAreaData[str1][str2][i];
        $("#areaCounty").append(" <option value='" + str + "'>" + str + "</option>");
    }
    if (typeof(values) == "string") {
        $("#areaCounty option[value=" + values + "]").attr("selected", true)

    }
}
</script>
<title>无标题文档</title>
</head>

<body>
<select id="areaProvince" name="areaProvince" style=" 100px">
    <option value="0">省份</option>
</select>
<select id="areaCity" name="areaCity" style=" 120px">
    <option value="0">地级市</option>
</select>

</body>
</html>

源码下载

查看全文

相关阅读:
.NET Interop 工具集
 关于正弦波的算法
 Windows Phone 系列本地数据存储
 Xaml cannot create an instance of “X”
Windows Phone 系列使用 MVVM绑定时无法获取当前值
 Windows Phone 系列应用程序图标无法显示
 Windows Phone 系列 WPConnect无法上网的问题
 Windows Phone 系列使用 Windows Phone 保存铃声任务
 WP7.5提交应用
 Windows Phone 系列动态删除ObservableCollection

原文地址：https://www.cnblogs.com/skyblue/p/2116211.html