JavaScript省市级联下拉菜单实例
最近学了一个关于省市级联简单的小例子,贴出来与大家分享一下:
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>index</title> </head> <body> <selectid="selProvince"onchange="changeCity()"> <option>请选择省份</option> </select> <selectid="selCity"> <option>请选择城市</option> </select> <script> function$(ID){ returndocument.getElementById(ID); } varcityList=newArray(); cityList['北京市']=['东城区','西城区','昌平区']; cityList['河北省']=['保定','石家庄','定州']; cityList['江苏省']=['南京市','苏州市','无锡市']; cityList['浙江省']=['杭州市','宁波市','温州市']; cityList['四川省']=['四川省','成都市']; cityList['海南省']=['海口市']; functionchangeCity(){ varprovince=$("selProvince").value; varcity=$("selCity"); city.options.length=0; for(variincityList){ if(i==province){ for(varjincityList[i]){ city.add(newOption(cityList[i][j],cityList[i][j]),null); } } } } functionallCity(){ varprovince=$("selProvince"); for(variincityList){ province.add(newOption(i,i),null); } } window.onload=allCity; </script> </body> </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。