zoukankan      html  css  js  c++  java
  • 省市级联操作

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>省市级联操作</title>
    <script type="text/javascript">
        var provinces = new Array(
            new Array("00","--选择省份--"),
            new Array("01","北京市"),
            new Array("02","湖北省"),
            new Array("03","河南省"),
            new Array("04","河北省"),
            new Array("05","江苏省")
        );
        var citys = new Array(
            new Array("0101","北京市"),
            new Array("0102","通州"),
            new Array("0103","五环"),
            new Array("0201","武汉"),
            new Array("0202","武汉"),
            new Array("0203","武汉"),
            new Array("0301","郑州"),
            new Array("0302","郑州"),
            new Array("0303","郑州"),
            new Array("0401","石家庄"),
            new Array("0402","石家庄"),
            new Array("0403","石家庄"),
            new Array("0501","南京"),
            new Array("0502","苏州"),
            new Array("0503","常州")
        );
        function fillprovince(){
            var province = document.getElementById("province");
            for(var i = 0;i<provinces.length;i++){
                var option = new Option(provinces[i][1],provinces[i][0]);
                province.add(option);
            }
        }
        function changeCity(){
            var province = document.getElementById("province");
            var procode = province.options[province.selectedIndex].value;
            var city = document.getElementById("city");
            city.options.length = 0;
            for(var i = 0;i<citys.length;i++){
                if(citys[i][0].substring(0,2)==procode){
                    city.options.add(new Option(citys[i][1],citys[i][0]));
                }
            }
        }
    </script>
    </head>
    <body>
    <select id="province" onchange="changeCity()">
    <script type="text/javascript">fillprovince();</script>
    </select>
    <select id="city" style=" 100px"></select>
    </body>
    </html>

  • 相关阅读:
    关于jqGrid组件数据显示不出问题
    jq修改导航栏样式(选中、使用两张图片替代的是否选中效果)
    jq获取图片并转换为base64
    jq怎么给图片绑定上传文件按钮
    ajax上传文件
    layui超链接追加tab选项卡必须手动刷新才出现问题
    thinkphp5中使用excel导出数据表格(包涵图片)
    关于php条形码生成(barcode),修改样式
    php中对象赋值问题
    数组小工具2
  • 原文地址:https://www.cnblogs.com/siashan/p/3922496.html
Copyright © 2011-2022 走看看