jS二级联动-----实现select下拉城市区县地址选择

var cities = ['-请选择-', '北京', '上海', '天津', '重庆'];
var qx = [
  ['-请选择-'],
  ['朝阳区', '海淀区', '丰台区', '东城区', '石景山区'],
  ['宝山区', '嘉定区', '青浦区', '松江区', '金山区'],
  ['河东区', '东丽区', '和平区', '南开区', '红桥区'],
  ['南川区', '江北区', '渝中区', '渝北区', '九龙坡区']
];
var sel1 = document.getElementsByTagName('select')[0];
var sel2 = document.getElementsByTagName('select')[1];
var ops1 = '<option>' + cities.join('</option><option>') + '</option>';
sel1.innerHTML = ops1;
sel1.onchange = function () {
  var i = this.selectedIndex;
  var ops2 = '<option>' + qx[i].join('</option><option>') + '</option>';
  sel2.innerHTML = ops2;
  // console.log(ops2);
}
sel1.onchange();