distpicker 三级联动使用

jQuery中国省市区地址三级联动插件Distpicker   http://www.jq22.com/jquery-info8054?_t=t

<link href="http://www.jq22.com/jquery/bootstrap-3.3.4.css" rel="stylesheet">
<script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
<script src="/js/distpicker.data.min.js"></script>
<script src="/js/distpicker.min.js"></script>

<div data-toggle="distpicker" id="target">
     <div class="form-group">
         <select class="form-control" id="province1"></select>
     </div>
     <div class="form-group">
          <select class="form-control" id="city1"></select>
     </div>
     <div class="form-group">
          <select class="form-control" id="district1"></select>
     </div>
</div>


js
//设置默认值
$('#target').distpicker('destroy');
        $("#target").distpicker({
            province: '上海市',
            city: '上海市市辖区',
            autoSelect: false,
            placeholder: true
        });