A jQuery plugin for pick provinces, citys and districts of China.
Four quick start options are available:
- Download the latest release.
- Clone the repository:
git clone https://github.com/fengyuanchen/distpicker.git
. - Install with NPM:
npm install distpicker
. - Install with Bower:
bower install distpicker
.
Include files:
<script src="/path/to/jquery.js"></script><!-- jQuery is required -->
<script src="/path/to/distpicker.data.js"></script>
<script src="/path/to/distpicker.js"></script>
Create HTML elements:
<div><!-- container -->
<select></select><!-- province -->
<select></select><!-- city -->
<select></select><!-- district -->
</div>
<div distpicker>
<select></select>
<select></select>
<select></select>
</div>
<div distpicker>
<select data-province="---- 选择省 ----"></select>
<select data-city="---- 选择市 ----"></select>
<select data-district="---- 选择区 ----"></select>
</div>
<div distpicker>
<select data-province="北京"></select>
<select data-city="北京市"></select>
<select data-district="朝阳区"></select>
</div>
$("#target").distpicker();
$("#target").distpicker({
province: "---- 所在省 ----",
city: "---- 所在市 ----",
district: "---- 所在区 ----"
});
$("#target").distpicker({
province: "北京",
city: "北京市",
district: "朝阳区"
});
- IE 6+
- Chrome 33+
- Firefox 27+
- Safari 5.1+
- Opera 19+
As a jQuery plugin, you can reference to the jQuery Browser Support.
Released under the MIT license.