sm-city-picker

基于MSUI开发的省市二级滚轮联动插件

效果图

用法

<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type="text/javascript" src="sm-city-picker.js" charset="utf-8"></script>
<li>
    <div class="item-content">
        <div class="item-media"><i class="icon icon-form-name"></i></div>
        <div class="item-inner">
            <div class="item-title label">地点</div>
            <div class="item-input">
                <input type="text" required name="place_name" placeholder="请选择所在地区" id="city-picker">
                <input type="hidden" id="province" name="province">
                <input type="hidden" id="place" name="place">
            </div>
        </div>
    </div>
</li>

$("#city-picker").cityPicker({
            toolbarTemplate: '<header class="bar bar-nav">\
            <button class="button button-link pull-right close-picker">确定</button>\
            <h1 class="title">选择所在地址</h1>\
            </header>',
            province: '#province',//省输入框,一般都是隐藏的，获取身份ID
            place: '#place' //城市输入框，一般都是隐藏的，获取城市ID
        });