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]));
}
})
})