html

   <div class="row" style="margin:30px 0px;">
            <div class="col-sm-12">
                <form class="form-inline">
                    地址:
                    <div class="form-group">
                        <select id="ID_s" placeholder="省">
                        </select>

                    </div>
                    <div class="form-group">
                        <select id="ID_d" style="display:none" placeholder="市">
                        </select>
                    </div>
                    <div class="form-group">
                        <select id="ID_f" style="display:none" placeholder="区">
                        </select>
                    </div>
                    <div class="form-group">
                        <input type="text" style="width: 300px" id="ID_address" placeholder="详细地址"/>
                    </div>
                </form>
            </div>
        </div>

js

<script src="/res/js/AreaData_min.js" type="text/javascript"></script>
<script>
   $(document).ready(function () {

        /*
        * 省
        * */
        $(area_array).each(function(key,value){
            if(value)$("#ID_s").append("<option value="+key+">"+value+"</option>");
        });
        
    });
  /*
    * 省 市 区联动
    * */


    var arr = new Array();
    $("#ID_s").change(function(){
        $("#ID_d").show();
        $("#ID_d").html("");
        $("#ID_f").html("");
        $("#ID_f").hide();
        $(sub_array[$("#ID_s").val()]).each(function (key, value) {
            if (value)$("#ID_d").append("<option value=" + key + ">" + value + "</option>");
        });
        if($("#ID_d").html()=="") $("#ID_d").hide();
    });
    $("#ID_d").change(function(){
        $("#ID_f").show();
        $("#ID_f").html("");
        $(sub_arr[$("#ID_d").val()]).each(function (key, value) {
            if (value)$("#ID_f").append("<option value=" + key + ">" + value + "</option>");
        });
        if($("#ID_f").html()=="") $("#ID_f").hide();
    });


</script>