whoami7 - Manager
:
/
home
/
dataiclx
/
datasyspk.com
/
ceditor
/
static
/
js
/
lib
/
city-picker
/
Upload File:
files >> /home/dataiclx/datasyspk.com/ceditor/static/js/lib/city-picker/demo.html
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="A simple jQuery plugin for picking provinces, cities and districts of China."> <meta name="author" content="Tao Shi"> <title>city-picker</title> <link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"> <link href="./css/city-picker.css" rel="stylesheet"> </head> <style> body{ font-family: "Helvetica Neue", Helvetica, "Microsoft Yahei", 微软雅黑, "Lantinghei SC", STXihei; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased; } </style> <body> <!-- header --> <header class="navbar navbar-static-top docs-header" id="top"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" data-target="#navbar-collapse-1" data-toggle="collapse" type="button"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <nav class="collapse navbar-collapse" id="navbar-collapse-1" role="navigation"> <ul class="nav navbar-nav navbar-right"> <li><a href="http://tshi0912.github.io/city-picker/" target="_blank">Docs</a></li> </ul> </nav> </div> </header> <!-- Content --> <div class="container" style="margin-bottom:300px;"> <h1 class="page-header" id="getting-started">使用说明</h1> <pre class="prettyprint"> <script src="/path/to/city-picker.data.js"></script> <script src="/path/to/city-picker.js"></script> <input readonly id="city-picker1" type="text" placeholder="请选择省/市" data-level="[province|city|district]" data-simple="true" > $('#city-picker1').citypicker(); </pre> <h3>自定义初始数据</h3> <pre class="prettyprint"><div style="position: relative;"><!-- container --> <input readonly type="text" data-toggle="city-picker" value="北京市/北京市/海淀区"> </div></pre> <h5>Demo:</h5> <form class="form-inline"> <div style="position: relative;"> <input class="form-control" readonly type="text" data-toggle="city-picker" value="北京市/北京市/海淀区"> </div> </form> <h3>定义选择到层级</h3> <pre class="prettyprint"><div style="position: relative;"><!-- container --> <input readonly type="text" data-toggle="city-picker" placeholder="请选择省/市" data-level="province" > </div></pre> <h5>Demo:</h5> <form class="form-inline"> <div style="position: relative;"> <input class="form-control" readonly type="text" data-toggle="city-picker" data-level="province" placeholder="请选择省份"> </div> </form> <h3>精简版地址</h3> <pre class="prettyprint"><div style="position: relative;"><!-- container --> <input readonly type="text" data-toggle="city-picker" data-simple="true" > </div></pre> <h5>Demo:</h5> <form class="form-inline"> <div style="position: relative;"> <input class="form-control" readonly type="text" data-toggle="city-picker" data-simple="true" placeholder="请选择省份"> </div> </form> </div> <!-- Scripts --> <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script> <script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.js"></script> <script src="./city-picker.data.js"></script> <script src="./city-picker.js"></script> <script> $(function () { $('#city-picker1').citypicker(); }); </script> </body> </html>
Copyright ©2021 || Defacer Indonesia