$("#pro").change(function () {
    selectCity()
    selectCounty()
})
$("#city").change(function () {
    selectCounty()
})
function init(){
    selectPro()
    selectCity()
    selectCounty()
}
function selectPro(){
    var proHtml = ""
    for (key in place) {
        // console.log(key)
        proHtml = proHtml + '<option value="' + key + '">' + key + '</option>'
    }
    // console.log(proHtml)
    $("#pro").html(proHtml)
}
function selectCity(){
    var cityArr = place[$("#pro").val()][0]
    var cityHtml = ""
    for (key in cityArr) {
        // console.log(key)
        cityHtml += '<option value="' + key + '">' + key + '</option>'
    }
    // console.log(cityHtml)
    $("#city").html(cityHtml)
}
function selectCounty(){
    var countyArr = place[$("#pro").val()][0][$("#city").val()]
    var countyHtml = ""
    for (var i = 0; i < countyArr.length; i++) {
        // console.log(countyArr[i])
        for (key in countyArr[i]) {
            // console.log(key)
            countyHtml += '<option value="' + key + '">' + key + '</option>'
        }
    }
    $("#county").html(countyHtml)
}