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

全屏阅读

引入四个文件

html页面代码:

1

2

3

<div style="position: relative;">

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

</div>

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

基本

1

2

3

<div style="position:relative;">

  <input readonly type="text" data-toggle="city-picker">

</div>

自定义占位符

1

2

3

<div style="position:relative;">

  <input readonly type="text" data-toggle="city-picker" placeholder="customized placeholder...">

</div>

响应宽度

1

2

3

<div style="position:relative;">

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

</div>

自定义省/市/区

1

2

3

<div style="position:relative;">

  <input readonly type="text" data-toggle="city-picker" value="江苏省/常州市/溧阳市">

</div>

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

基本

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

定制区域

1

2

3

4

5

$('#target').citypicker({

  province: '江苏省',

  city: '常州市',

  district: '溧阳市'

});

顶一下

(1)

50%

踩一下

(1)

50%

» 郑重声明：本文由mpxq168发布，所有内容仅代表个人观点。版权归恒富网和mpxq168共有，欢迎转载，但未经作者同意必须保留此段声明，并给出文章连接，否则保留追究法律责任的权利! 如果本文侵犯了您的权益，请留言。

恒富网