JScript實(shí)現(xiàn)地址選擇功能

更新時(shí)間：2017年08月15日 08:54:53 作者：顧白的顧小白

這篇文章主要為大家詳細(xì)介紹了JScript實(shí)現(xiàn)地址選擇功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了JScript實(shí)現(xiàn)地址選擇功能的具體代碼，供大家參考，具體內(nèi)容如下

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <script>
      var shenArr = new Array(5);
      shenArr["廣東"] = ["廣州","深圳","韶關(guān)","汕頭","茂名"];
      shenArr["湖南"] = ["長沙","張家界","株洲","岳陽","吉首"];
      shenArr["湖北"] = ["武漢","宜昌","荊州","黃岡","仙桃"];
      shenArr["安徽"] = ["合肥","黃山"];
      shenArr["河南"] = ["鄭州","開封","洛陽","信陽"];
       function getShen(){
        var s = document.getElementById("shen");
        for(var v in shenArr){
          //把數(shù)組鍵加入到省的下拉框
          s.add(new Option(v,v),null);
        }
       }

      function getCity(){
        var s = document.getElementById("shen");
        var c = document.getElementById("city");
        var v = s.value;//省份的名稱，也是數(shù)組中的鍵
        c.options.length = 0;//把城市下拉框中的項(xiàng)清除

        //循環(huán)把某一個(gè)省的城市加入到市的下拉框
        for(var i in shenArr[v] ){
          c.add(new Option(shenArr[v][i],shenArr[v][i]),null);
        }

      }

    </script>
  </head>
  <body onload="getShen()">
    省:<select id="shen" onchange="getCity()">
      <option value="0">--請選擇--</option>
    </select>
    市:<select id="city"></select>
  </body>
</html>

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

javascript實(shí)現(xiàn)的仿51job地址多項(xiàng)選擇方式效果

相關(guān)文章

JS中Select下拉列表類(支持輸入模糊查詢)功能
這篇文章主要介紹了JS中Select下拉列表類(支持輸入模糊查詢)功能，代碼簡單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-01-01
微信小程序通過點(diǎn)擊事件傳參(data-)的操作示例
微信小程序可以通過直接寫 data-index="1" 進(jìn)行數(shù)據(jù)的綁定 ,利用 bindtap 點(diǎn)擊事件執(zhí)行函數(shù)從而獲取到參數(shù)信息,本文給大家介紹微信小程序通過點(diǎn)擊事件傳參(data-)的操作,感興趣的朋友一起看看吧
2023-12-12
如何讓easyui gridview 寬度自適應(yīng)窗口改變及fitColumns應(yīng)用
在使用Easyui GridView時(shí)，如果要Gridview的寬度和窗口的寬度相同，只需要設(shè)置fitColumns: true即可,感興趣的你不要走開啊，接下來為您詳細(xì)介紹
2013-01-01
js仿黑客帝國字母掉落效果代碼分享
這篇文章主要展示了js仿黑客帝國字母掉落效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-08-08
JavaScript中null和undefined的區(qū)別詳解
null 是一個(gè)原始值,表示“無”或“空值”,它通常用于指示變量應(yīng)有的對象或值不存在,undefined 是一個(gè)原始值,表示“未定義”,本文給大家詳細(xì)介紹了JavaScript中null和undefined的區(qū)別,需要的朋友可以參考下
2024-10-10
使用JavaScript實(shí)現(xiàn)一個(gè)簡單的哈希映射功能
哈希表大家應(yīng)該都經(jīng)常用到吧,那么大家有沒有想過哈希表是怎么實(shí)現(xiàn)的呢,本文我們就來從一道簡單的題目來了解一下哈希表的簡單原理和實(shí)現(xiàn)吧
2024-02-02
原生JS實(shí)現(xiàn)輪播圖效果
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-10-10
對layui中表單元素的使用詳解
今天小編就為大家分享一篇對layui中表單元素的使用詳解。具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
JS實(shí)現(xiàn)表格數(shù)據(jù)各種搜索功能的方法
這篇文章主要介紹了JS實(shí)現(xiàn)表格數(shù)據(jù)各種搜索功能的方法,可實(shí)現(xiàn)忽略大小寫,模糊搜索,多關(guān)鍵搜索等功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
js正則表達(dá)式中test,exec,match方法的區(qū)別說明
本篇文章主要是對js正則表達(dá)式中test,exec,match方法的區(qū)別進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01