1.引入jQuery文件

<script src="jquery-3.4.1.js"></script>

2.創(chuàng)建兩個select對象

<select id="province" ></select>省
<select id="city" ></select>市

3.創(chuàng)建一個數(shù)組存儲省的數(shù)據(jù)，以及一個存儲城市數(shù)據(jù)的數(shù)組

var p=["湖南","廣東","浙江"];
var c=[["長沙","衡陽","婁底"],["深圳","東莞","惠州"],["杭州","衢州","金華","義烏"]];


$(function(){
    for(var i=0;i< p.length;i++){   //循環(huán)取出數(shù)組
        //根據(jù)id插入內(nèi)容到省select框中
        $("#province").append($("<option>").val(i).text(p[i]));
    }

    $("#province").change(function(){
        $("#city").empty();   //移除它的內(nèi)容
        for(var i=0;i<c[$(this).val()].length;i++) {
            //根據(jù)id插入內(nèi)容
            $("#city").append($("<option>").html(c[$(this).val()][i]));
        }
    })

})