前端-js實現省市區三級聯動下拉選擇框
阿新 • • 發佈：2022-04-17
1、下載省市區js檔案 ；
2、建立html;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>省市區列表</title> <!-- 匯入三個js檔案--> <script src="../bootstrap3/jquery-1.9.1.min.js"></script> <script type="text/javascript"src="../js/distpicker.data.js"></script> <script type="text/javascript" src="../js/distpicker.js"></script> </head> <body> <div data-toggle="distpicker"> <div> <select id="province" name="province" data-province="---- 選擇省 ----"></select> </div> <div> <select id="city" name="city" data-city="---- 選擇市 ----"></select> </div> <div> <select id="area" name="area" data-district="---- 選擇區 ----"></select> </div> </div> </body> </html
3、效果圖：