1

2

3

4

5

<div><!-- container -->

<select></select><!-- 省 -->

<select></select><!-- 市 -->

<select></select><!-- 區 -->

</div>

1

2

3

4

5

<div data-toggle="distpicker"><!-- container -->

<select></select><!-- 省 -->

<select></select><!-- 市 -->

<select></select><!-- 區 -->

</div>

1

2

3

4

5

<div data-toggle="distpicker">

<select data-province="---- 選擇省 ----"

<select data-city="---- 選擇市 ----"></select>

<select data-district="---- 選擇區 ----"></select>

</div>

1

2

3

4

5

<div data-toggle="distpicker">

<select data-province="浙江省"></select>

<select data-city="杭州市"></select>

<select data-district="西湖區"></select>

</div>

1

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

1

2

3

4

5

$('#target').distpicker({

province: '---- 所在省 ----',

city: '---- 所在市 ----',

district: '---- 所在區 ----'

});

1

2

3

4

5

$('#target').distpicker({

province: '浙江省',

city: '杭州市',

district: '西湖區'

});

1

$().distpicker(options)

1

$.fn.distpicker.setDefaults(options)

1

2

3

4

5

autoSelect：型別：Boolean，預設值：true。是否當省改變時自動選擇市和區。

placeholder：型別：Boolean，預設值：true。是否顯示佔位文字。

province：型別：String，預設值：―― 省 ――。定義省份的初始值。如果在distpicker.data.js檔案中存在該省份，將會被選擇，否則顯示佔位文字。

city：型別：String，預設值：―― 市 ――。定義市的初始值。如果在distpicker.data.js檔案中存在該市，將會被選擇，否則顯示佔位文字。

district：型別：String，預設值：―― 區 ――。定義區的初始值。如果在distpicker.data.js檔案中存在該區，將會被選擇，否則顯示佔位文字。

1

2

3

$().distpicker('reset');

$().distpicker('reset', true);

destroy()：銷燬外掛例項。