city_picker

CityPicker

中国省市区街道四级联地址选择，js代码来自 city-picker, 数据来自 Administrative-divisions-of-China

安装

Gemfile

gem 'city_picker'

app/assets/javascripts/application.js

//= require city_picker/city_picker

app/assets/stylesheets/application.css

*= require city_picker/city_picker

config/routes.rb

mount CityPicker::Engine => "/city_picker"

使用

在页面中加入

<div style="position: relative;">
  <!-- container -->
  <input readonly type="text"  placeholder="请选择省/市"  id="target" style="width:100%">
</div>

<script>
  $(function() {
    $('#target').citypicker({
      responsive: true,
      simple: true,
      // level: 'district'
      // addrElm: '#addrValue1'
    });

    $('#target').on('cp:updated', function(e) {
      console.log($(this).val())
    })
  })
</script>

如果要在选择后取得城市code，可在页面添加

<input type="text" id="addrValue">

或者 添加初始化选项 addrElm: '#my_address_elm

 <input type="text" id="my_address_elm">

Contributing

Contribution directions go here.

License

The gem is available as open source under the terms of the MIT License.