js实现三级联动效果（简单易懂）

2024-02-26 20:09:05 40

varoone=document.getElementById("one"); varotwo=document.getElementById("two"); varthree=document.getElementById("three"); varstr=''; otwo.disabled=true; three.disabled=true; vararr1=[{"id":"1","value":"北京"},{"id":"2","value":"上海"},{"id":"3","value":"重庆"},{"id":"4","value":"天津"},{"id":"5","value":"山东"}]; for(vari=0;i"+arr1[i].value+"" } oone.innerHTML=str; vararr2={ '1':['101@北京'], '2':['201@上海'], '3':['301@重庆'], '4':['401@天津'], '5':['501@济南','502@青岛']}; oone.onchange=function(){ varval=this.value; vararrA=arr2[val]; varstr1=''; for(varj=0;j"+aaa[1]+"" } otwo.innerHTML=str1; otwo.disabled=false; three.innerHTML=''; three.disabled='disabled'; } vararr3={ '101':['朝阳区','昌平区'], '201':['宝山区','浦东区'], '301':['不知道'], '401':['真的不知道'], '501':['市中区','历下区','槐荫区'], '502':['市南区','市北区','崂山区']}; otwo.onchange=function(){ varval=this.value; console.log(this.value); varstr2=''; console.log(val) for(varl=0;l" } three.innerHTML=str2; three.disabled=false; }

js实现三级联动效果（简单易懂）

热门推荐

随机推荐