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的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did248663