省市区选择器
优质
小牛编辑
134浏览
2023-12-01
使用省市区选择器,你需要在 sm.js
和 sm.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文档。同样,在使用省市区组件的时候你不能定制 onChange
和 cols
参数。
<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="浙江 杭州 拱墅区" />