当前位置: 首页 > 文档资料 > SUI 移动开发UI库 >

省市区选择器

优质
小牛编辑
125浏览
2023-12-01

使用省市区选择器,你需要在 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="浙江 杭州 拱墅区" />