<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link href="city.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css" /> <script src="jquery.js"></script> <script src="distpicker.data.js"></script> <script src="distpicker.js"></script> </head> <body> <h5>Demo:</h5> <form class="form-inline"> <div data-toggle="distpicker"> <div class="form-group"> <label class="sr-only" for="province1">Province</label> <select name="sheng" class="form-control" id="province1"></select> </div> <div class="form-group"> <label class="sr-only" for="city1">City</label> <select name="shi" class="form-control" id="city1"></select> </div> <div class="form-group"> <label class="sr-only" for="district1">District</label> <select name="qu" class="form-control" id="district1"></select> </div> </div> </form> </body> </html>
demo文件包