本文實例講述了基于jquery實現省市聯動特效的代碼,分享給大家供大家參考,具體如下:
運行效果圖:
具體代碼如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title> <!-- 引入jquery --> <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js" type="text/javascript"></script> <!-- 引入插件 --> <script src="jquery.area.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $('#area').GangedArea({ level: 2, // 顯示級別, 最大是3, 最小是1 url: "area.json",// area對應的路徑 provinceValue: "",// 默認指定省份id, 一般編輯的時候使用 cityValue: "", //指定默認城市id, 一般編輯的時候使用 districtValue: '', // 默認區id, 一般編輯的時候使用 className: '', // 附加樣式 provinceName: 'province', // 省份name值 cityName: 'city',//市name值 districtName: 'district',// 區name值 tip: '===請選擇==='// 默認提示 }); }) </script></head><body><div id="area"></div></body></html>
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答