返回介绍

省市区选择器

发布于 2017-06-13 19:54:46 字数 801 浏览 1395 评论 0 收藏 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="浙江 杭州 拱墅区" />

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文