js如何實(shí)現(xiàn)省市級(jí)聯(lián)效果

發(fā)布時(shí)間：2021-04-21 14:21:37 來源：億速云閱讀：178 作者：小新欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)js如何實(shí)現(xiàn)省市級(jí)聯(lián)效果，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

js有什么特點(diǎn)

1、js屬于一種解釋性腳本語言；2、在絕大多數(shù)瀏覽器的支持下，js可以在多種平臺(tái)下運(yùn)行，擁有著跨平臺(tái)特性；3、js屬于一種弱類型腳本語言，對(duì)使用的數(shù)據(jù)類型未做出嚴(yán)格的要求，能夠進(jìn)行類型轉(zhuǎn)換，簡單又容易上手；4、js語言安全性高，只能通過瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互，從而有效地防止數(shù)據(jù)的丟失；5、基于對(duì)象的腳本語言，js不僅可以創(chuàng)建對(duì)象，也能使用現(xiàn)有的對(duì)象。

具體內(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["湖南"]=["長沙","張家界","株洲","懷化","常德"] ;
    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>

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

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

關(guān)于“js如何實(shí)現(xiàn)省市級(jí)聯(lián)效果”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

js如何實(shí)現(xiàn)省市級(jí)聯(lián)效果

js有什么特點(diǎn)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽