1. 导入两个js和一个css.(依赖JQuery)
city-picker.data.js;
city-picker.js;
city-picker.css;
2. 两种指定用法:
第一种: HTML方式实现.
<div style="position: relative">
<input type="area" type="text" data-toggle="city-picker" size=80/>
</div>
第二种: js方式实现.
<div style="position: relative">
<input id="area" type="area" type="text" data-toggle="city-picker" size=80/>
<!--重置的操作-->
<button id="reset" type="reset">重置</button>
</div>
<!--js代码-->
<script type="text/javascript">
$(function(){
$("#area").citypicker();
<!--清空选择-->
$("#reset").on("click", function(){
$("#area").citypicker("reset");
});
})
</script>
3. 功能:
1) 清空
2) 赋值
city-picker完成省市三级联动
最新推荐文章于 2024-08-08 07:04:07 发布