jquery省市區三級聯動外掛CitySelect教程

       CitySelect是jquery的一款可自定義的省市區三級級聯外掛，它沒有對select控制元件作美化，只是實現了三級聯動功能，但已經很方便使用了。Ok，回到主題，接下來我們來看使用步驟：

        一：引入相關檔案：

        引入city.min.js（城市資料都寫在這個檔案裡，我們可以自己維護它）和jquery.cityselect.js檔案，jquery.cityselect.js檔案裡引用了city.min.js，寫在settings裡，我們要把此處的url改成我們本地放置city.min.js的路徑。引入之前需先引入jquery檔案，這個就不多說了。外掛下載地址：http://download.csdn.net/detail/qq_33556185/9437661

        二：在需要的地方引入如下html：

           <div id="citySelect"  style="float:left;margin-left: 15px;">                   
                    <select class="prov" id="province"></select>
                    <select class="city" disabled="disabled" id="city"></select>
                    <select class="dist" disabled="disabled" id="county"></select>
            </div>

         三：初始化控制元件：

       nodata：設定此屬性為”none“，則會出現”請選擇“選項；

       required：是否必選；

       prov:省的預設值，可不寫此屬性；

       city:地市的預設值，可不寫；

       dist:區的預設值，可不寫。

        $("#citySelect").citySelect({
               nodata: "none",
               required: false,
               prov:json.data.province,
               city:json.data.city,
               dist:json.data.county
         });

       如此就可以使用了。