jQuery省市区镇四级联动插件citypicker.js

所属分类:输入-选择框

 4583  25  查看评论 (2)
jQuery省市区镇四级联动插件citypicker.js ie兼容8

使用方法

引入四个文件

  • jquery.js  (请把这个放首位引入)

  • city-picker.data.js  (全国省市区数据都在这个文件里面)

  • city-picker.js  (js实现功能逻辑)

  • city-picker.css  (省市区县选择器样式,这个也可以不用,可以自己写个更好看的) 

html页面代码:

<div style="position: relative;">
    <input class="form-control" readonly type="text" data-toggle="city-picker" style="width:50%;">
</div>

方法

用data-toggle="city-picker"属性初始化

基本

<div style="position:relative;">
  <input readonly type="text" data-toggle="city-picker">
</div>

自定义占位符

<div style="position:relative;">
  <input readonly type="text" data-toggle="city-picker" placeholder="customized placeholder...">
</div>

响应宽度

<div style="position:relative;">
  <input readonly type="text" data-toggle="city-picker" data-responsive="true" style="width:50%;">
</div>

自定义省/市/区

<div style="position:relative;">
  <input readonly type="text" data-toggle="city-picker" value="江苏省/常州市/溧阳市">
</div>

用$.fn.city-picker方法初始化

基本

$('#target').citypicker();

定制区域

$('#target').citypicker({
  province: '江苏省',
  city: '常州市',
  district: '溧阳市'
});
相关插件-选择框

jQuery下拉框美化插件

jQuery自定义select下拉框美化插件
  选择框
 12487  55
  选择框
 14321  51

jQuery城市联动选择

jQuery城市三级联动选择
  选择框
 22701  156

jQuery省市区三级联动插件_城市三级联动插件(原创)

jQuery省市区三级联动插件_城市三级联动插件
  选择框
 33830  459

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    15920219367 0
    2018/4/18 14:03:27
    <input readonly type="text" data-toggle="city-picker" value="江苏省/常州市/溧阳市">

     隔2S就没了这个默认值

    回复
    ? ?灯火阑珊? 0
    2018/3/19 19:04:07
    这个怎么动态获取选择的值啊,就是当前input的change事件触发获取当前选择的值 回复
取消回复