基于bootstrap遮罩弹出层城市包邮特效代码

基于bootstrap遮罩弹出层城市包邮特效代码

一款jQuery基于bootstrap制作包邮省市城市数据选择效果,点击弹出包邮城市地区选中提交设置代码。

使用方法
需要用到的JS代码文件

1
2
3
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/RegionalChoice.js"></script>

HTML结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        选择区域
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="test-div">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                    <button type="button" class="btn btn-primary btntest1">
                        确定
                    </button>
                </div>
            </div>
        </div>
    </div>
当前内容只有登录了才能查看,如果您已经注册,请登录
0

发表评论