本文實(shí)例為大家分享了js實(shí)現(xiàn)省市級(jí)聯(lián)效果的具體代碼，供大家參考，具體內(nèi)容如下
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script type="text/javascript"> var shengArr =new Array(); shengArr["廣東"]=["廣州","深圳","珠海","汕頭","韶關(guān)"] ; shengArr["湖南"]=["長(zhǎng)沙","張家界","株洲","懷化","常德"] ; shengArr["湖北"]=["武漢","荊州","宜昌","黃岡","仙桃"] ; shengArr["安徽"]=["合肥","黃山"] ; shengArr["河南"]=["鄭州","信陽(yáng)","洛陽(yáng)"] ; function getSheng(){ var s =document.getElementById("sheng"); for(var v in shengArr){ s.add(new Option(v,v),null); } } function getCity(){ var s =document.getElementById("sheng"); var c =document.getElementById("city"); var v=s.value; c.options.length =0; for(var i in shengArr[v]){ c.add(new Option(shengArr[v][i],shengArr[v][i]),null); } } </script> <!--頁(yè)面加載時(shí)獲取 省名--> <body onload="getSheng()"> <!-- 改變省時(shí)匹配該省的城市名--> 省：<select id="sheng" onchange="getCity()"> <option>--請(qǐng)選擇</option> </select> 市：<select id="city"></select> </body></html>以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
