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是一款非常優秀的城市選擇器插件,無論是從功能、易用性還是擴展性上都非常出色。