最近学了一个关于省市级联简单的小例子,贴出来与大家分享一下:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>index</title> </head> <body> <select id="selprovince" onchange="changecity()"> <option>请选择省份</option> </select> <select id="selcity"> <option>请选择城市</option> </select> <script> function $(id){ return document.getelementbyid(id); } var citylist=new array(); citylist['北京市']=['东城区','西城区','昌平区']; citylist['河北省']=['保定','石家庄','定州']; citylist['江苏省'] = ['南京市','苏州市','无锡市']; citylist['浙江省'] = ['杭州市','宁波市','温州市']; citylist['四川省'] = ['四川省','成都市']; citylist['海南省'] = ['海口市']; function changecity(){ var province=$("selprovince").value; var city=$("selcity"); city.options.length=0; for (var i in citylist) { if(i==province){ for (var j in citylist[i]) { city.add(new option(citylist[i][j],citylist[i][j]),null); } } } } function allcity(){ var province=$("selprovince"); for (var i in citylist) { province.add(new option(i,i),null); } } window.onload=allcity; </script> </body> </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问, 点击进行留言回复!!
offset、client、scroll (width,height、left,top、X,Y)
网友评论