1.原生js实现html下拉列表二级联动

<script type="text/javascript">
    var sel1=document.getElementById("first");
    sel1.onchange=function()
    
    {
        var selvalue=sel1.value;
        var val=document.getElementById("second");
        switch(selvalue)
        {
            case "east":val.innerHTML="<option>集贸市场</option><option>博餐楼</option><option>劳服大楼</option><option>便民服务点</option><option>东区天地珠宝城</option><option>其他</option>";break;
            case "west":val.innerHTML="<option>西区珠宝一条街</option><option>西区新峰公寓</option><option>西区便民服务点</option><option>西区饮食聘用工宿舍</option><option>59栋宿舍</option><option>其他</option>";break;
            case "east":val.innerHTML="<option>北区便民服务中心</option><option>北区开水房</option><option>北区23栋宿舍</option><option>其他</option>";break;
            default:alert("error");
        }
    }
</script>

first是第一级列表的id

second是第二级列表的id

当第一机列表发生改变的时候，将会触发该函数，并且更改第二级列表的内容