1.引入jQuery文件

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

2.创建两个select对象

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

3.创建一个数组存储省的数据，以及一个存储城市数据的数组

var p=["湖南","广东","浙江"];
var c=[["长沙","衡阳","娄底"],["深圳","东莞","惠州"],["杭州","衢州","金华","义乌"]];


$(function(){
    for(var i=0;i< p.length;i++){   //循环取出数组
        //根据id插入内容到省select框中
        $("#province").append($("<option>").val(i).text(p[i]));
    }

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

})