好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

jquery.citys.js 1.0

jquery.citys.js 1.0是一款jQuery插件,用于快速创建城市选择器。

该插件包含3个文件,分别是jquery.citys.js、citys.js以及citys.data.js。

使用该插件非常简单,只需在HTML中添加一个input元素,并在JavaScript中调用插件即可。

<input type="text" id="city" name="city" />
<script>
$(function(){
$("#city").citys();
});
</script>

默认情况下,插件会创建一个三级城市选择器,包含省份、城市和区县三个级别。

如果需要自定义城市数据或者选择器级别,可以通过参数来传递。

<input type="text" id="city" name="city" />
<script>
$(function(){
$("#city").citys({
data: cityData,
level: 2
});
});
</script>

其中,data参数用于传递城市数据,level参数用于设置选择器级别,可选值包括1、2、3三个数字。

如果需要获取用户所选城市,可以通过事件来获取。

<input type="text" id="city" name="city" />
<script>
$(function(){
$("#city").citys({
onChange: function(data){
console.log(data);
}
});
});
</script>

onChange事件会在用户选择城市时触发,参数data为所选城市的数据对象。

总之,jquery.citys.js 1.0是一款非常优秀的城市选择器插件,无论是从功能、易用性还是扩展性上都非常出色。

查看更多关于jquery.citys.js 1.0的详细内容...

  阅读:58次