省市区选择器 - SUI 移动开发UI库

返回介绍

省市区选择器

发布于 2017-06-13 字数918 浏览 1182 评论 0

使用省市区选择器,你需要在 sm.jssm.css 之后额外引入如下JS文件:

<script type="text/javascript" src="//g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.min.js" charset="utf-8"></script>

省市区选择器也是一个定制的picker,因此他的用法和picker完全一致,请参阅 Picker文档。同样,在使用省市区组件的时候你不能定制 onChangecols 参数。

<input type="text" id='city-picker'/>
<script>
  $("#city-picker").cityPicker({
    toolbarTemplate: '<header class="bar bar-nav">\
    <button class="button button-link pull-right close-picker">确定</button>\
    <h1 class="title">选择收货地址</h1>\
    </header>'
  });
</script>

如果你需要设置默认值,直接通过 input 的 value 属性来设置:

<input type="text" id='city-picker' value="浙江 杭州 拱墅区" />

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!