js實現省市級聯效果分享

來源：懂視網責編：小OO 時間：2020-11-27 22:32:57

js實現省市級聯效果分享

本文實例為大家分享了js實現省市級聯效果的具體代碼，供大家參考，具體內容如下：<。--頁面加載時獲取省名-->；<；body onload="getSheng()">；<。-- 改變省時匹配該省的城市名-->；?。?lt；select id="sheng" onchange="getCity()">；<；option>；--請選擇<；/option>；<；/select>；市：<；select id="city">；<；/select>；<；/body>；<；/html>

推薦度：

點擊下載本文 文檔為doc格式

導讀本文實例為大家分享了js實現省市級聯效果的具體代碼，供大家參考，具體內容如下：<。--頁面加載時獲取省名-->；<；body onload="getSheng()">；<。-- 改變省時匹配該省的城市名-->；?。?lt；select id="sheng" onchange="getCity()">；<；option>；--請選擇<；/option>；<；/select>；市：<；select id="city">；<；/select>；<；/body>；<；/html>

本文實例為大家分享了js實現省市級聯效果的具體代碼，供大家參考，具體內容如下

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 </head>
 <script type="text/javascript">
 var shengArr =new Array();
 shengArr["廣東"]=["廣州","深圳","珠海","汕頭","韶關"] ;
 shengArr["湖南"]=["長沙","張家界","株洲","懷化","常德"] ;
 shengArr["湖北"]=["武漢","荊州","宜昌","黃岡","仙桃"] ;
 shengArr["安徽"]=["合肥","黃山"] ;
 shengArr["河南"]=["鄭州","信陽","洛陽"] ;

 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>

 <!--頁面加載時獲取 省名-->
 <body onload="getSheng()"> 

 <!-- 改變省時匹配該省的城市名-->
 ?。?lt;select id="sheng" onchange="getCity()"> 
 <option>--請選擇</option>
 </select>
 市：<select id="city"></select>
 </body>
</html>

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

js實現省市級聯效果分享

推薦度：

點擊下載本文 文檔為doc格式

標簽：分享 js 效果

熱門焦點

国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

js實現省市級聯效果分享

js實現省市級聯效果分享

js實現省市級聯效果分享

最新推薦

猜你喜歡

熱門推薦