最近學了一個關于省市級聯簡單的小例子,貼出來與大家分享一下:
<!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>以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答