Basic
HTML:
Demo:
Province
City
District
Custom placeholders
HTML:
Demo:
Province
City
District
Custom districts
HTML:
Demo:
Province
City
District
The districts must be existed in the distpicker.data.js file!
Initialize with $.fn.distpicker method
Basic
HTML:
JavaScript:
$("#distpicker1").distpicker();
Demo:
Province
City
District
Custom placeholders
HTML:
JavaScript:
$("#distpicker2").distpicker({
province: "---- 所在省 ----",
city: "---- 所在市 ----",
district: "---- 所在区 ----"
});
Demo:
Province
City
District
Custom districts
HTML:
JavaScript:
$("#distpicker3").distpicker({
province: "浙江省",
city: "杭州市",
district: "西湖区"
});
Demo:
Province
City
District
The districts must be existed in the distpicker.data.js file!
Methods
Province
City
District
Reset
Reset (deep)
Destroy
More examples
Only province and city
HTML:
Demo:
Province
City
Only province
HTML:
Demo:
Province
Without placeholders
JavaScript:
$("#distpicker4").distpicker({
placeholder: false
});
Demo:
Province
City
District
Without automatic selection
JavaScript:
$("#distpicker5").distpicker({
autoSelect: false
});
Demo:
Province
City
District