省市联动罗

 var shengEle = document.getElementsByName('sheng')[0];
    var shiEle = document.getElementsByName('shi')[0];
    var quEle = document.getElementsByName('qu')[0];
    var shengArr = ['广东', '四川', '新疆'];
    var shiArr = [['揭阳', '梅州'], ['成都', '攀枝花市'], ['乌鲁木齐', '新疆市区']];
    var quArr = [[['普宁', '梅园']], [['成都小区', '攀枝花小区']], [['乌鲁木齐小区', '新疆小区']]];
    shengshi(shengArr, shengEle)
    function shengshi(arr, ele) {
        arr.forEach(function (a, b) {
            var obj = new Option(a, b)
            ele.appendChild(obj)
        })
    }
    shengEle.onchange = function () {
        shiEle.innerHTML = `<option value="0">请选择</option>`
        quEle.innerHTML = `<option value="0">请选择</option>`
        shengshi(shiArr[this.value],shiEle)
    }
    shiEle.onchange = function(){
        shengshi(quArr[shengEle.value][this.value],quEle)
    }

  <select name="sheng">
        <option value="0">请选择</option>
    </select>
    <select name="shi">
        <option value="0">请选择</option>
    </select>
    <select name="qu">
        <option value="0">请选择</option>
    </select>

上面是js样式，主要步骤是

1.获取节点，记得加下标。
2.新建选项，追加数据。
3.创建函数选项，渲染选项，接收参数，foreach循环
4.绑定onchang事件。

大家好，我是康哥，由于是第一次写这个，请多多指教，arr里面的地址是我随手拟，要精确的数据可以自己搞。

  // 本人经过6次写第7次就记住这个做法，当然不缺乏比我还聪明的同学。