jquery省市区下拉显示

最新推荐文章于 2021-05-29 08:37:21 发布

含笑一过

最新推荐文章于 2021-05-29 08:37:21 发布

阅读量819

点赞数

分类专栏：前端文章标签：省市区下拉内容显示

本文链接：https://blog.csdn.net/u013630488/article/details/50184839

版权

前端专栏收录该内容

51 篇文章 0 订阅

订阅专栏

                                    **jquery省市区下拉显示**

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>省市区</title>
    <script type="text/javascript" src="jquery-1.9.1.js"></script>
    <script type="text/javascript" src="Area.js"></script>
    <script type="text/javascript" src="AreaData_min.js"></script>
    <style type="text/css">
    .cityName{height: 30px;line-height: 30px;}
    #tip  {height: 30px;padding-left: 10px;padding-right: 10px;font-size: 10px;left: 150px;top: 125px;border-radius: 3px;line-height: 30px;}
    .cityName label{float: left;}
    select{height: 30px;width: 146px;line-height: 30px;border: solid 1px #ddd;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right: 30px;
        background: url("down.png")  no-repeat scroll right center transparent;}
    select::-ms-expand { display: none; }
    </style>
</head>

<body>
     <div class="cityName">
        <label>收货人地区：</label>
        <div id="tip">
            <select id="seachprov" name="seachprov" onChange="changeComplexProvince(this.value, sub_array, 'seachcity', 'seachdistrict');"></select>&nbsp;&nbsp;
            <select id="seachcity" name="homecity" onChange="changeCity(this.value,'seachdistrict','seachdistrict');"></select>&nbsp;&nbsp;
            <span id="seachdistrict_div"><select id="seachdistrict" name="seachdistrict"></select></span>
            <span id="area" ></span>
        </div>
    </div>  
</body>
<script type="text/javascript">
    $(function (){
        initComplexArea('seachprov', 'seachcity', 'seachdistrict', area_array, sub_array, '13', '0', '0');
    });
</script>
</html>

效果
这里写图片描述

源码下载地址：http://pan.baidu.com/s/1eQfQPfs

含笑一过

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery省市区下拉显示

**jquery省市区下拉显示**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>省市区</title> <script type="text/javascript" src="jquery-1.9.1.js"></script> <script type="text/jav
复制链接

扫一扫

专栏目录