这个地址联动是基于 Angularjs 的
效果图如下:
看着是不是可美观了?哈哈!源码如下:
<!DOCTYPE HTML> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Angularjs 地址联动</title> <link rel="stylesheet" href="js/plugins/bootstrap/dist/css/bootstrap.min.css" /> </head> <body ng-controller="appCtrl"> <div class="row"> <div class="col-sm-6 col-sm-offset-3"> <div class="page-header" style="margin-bottom:200px;"> <h1 class="text-center">Angularjs 地址联动2.1.1</h1> </div> <form class="form-horizontal"> <div class="form-group"> <label class="col-sm-4 control-label">例子<span class="text-muted">(目前仅支持单例)</span></label> <div class="col-sm-6"> <input select-address p="p" c="c" a="a" d="d" ng-model="xxx" placeholder="请选择所在地" type="text" class="form-control" /> </div> </div> </form> </div> </div> <!-- javascript ================================================== --> <script src="js/plugins/jquery/dist/jquery.min.js" type="text/javascript"></script> <script src="js/plugins/angular/angular.min.js" type="text/javascript"></script> <script src="js/selectAddress2.js" type="text/javascript"></script> <script src="js/index.js"></script> </body> </html>
哈哈,源码太多,直接提供下载地址:http://files.cnblogs.com/files/chenwolong/Address_Ang.rar
请务必将代码放入VS项目中,在本地会加载失败哦!
@陈卧龙的博客