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
Copyright © 2011-2022 走看看