JScript实现地址选择功能

发布时间 - 2026-01-11 02:47:33    点击率:

本文实例为大家分享了JScript实现地址选择功能的具体代码,供大家参考,具体内容如下

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <script>
      var shenArr = new Array(5);
      shenArr["广东"] = ["广州","深圳","韶关","汕头","茂名"];
      shenArr["湖南"] = ["长沙","张家界","株洲","岳阳","吉首"];
      shenArr["湖北"] = ["武汉","宜昌","荆州","黄冈","仙桃"];
      shenArr["安徽"] = ["合肥","黄山"];
      shenArr["河南"] = ["郑州","开封","洛阳","信阳"];
       function getShen(){
        var s = document.getElementById("shen");
        for(var v in shenArr){
          //把数组键加入到省的下拉框
          s.add(new Option(v,v),null);
        }
       }

      function getCity(){
        var s = document.getElementById("shen");
        var c = document.getElementById("city");
        var v = s.value;//省份的名称,也是数组中的键
        c.options.length = 0;//把城市下拉框中的项清除

        //循环把某一个省的城市加入到市的下拉框
        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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# JScript  # 地址选择  # javascript实现的仿51job地址多项选择方式效果  # 吉首  # 仙桃  # 黄冈  # 信阳  # 韶关  # 茂名  # 荆州  # 株洲  # 岳阳  # 宜昌  # 张家界  # 下拉框  # 黄山  # 汕头  # 洛阳  # 合肥  # 长沙  # 郑州  # 湖北  # 湖南 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 矢量图网站制作软件,用千图网的一张矢量图做公司app首页,该网站并未说明版权等问题,这样做算不算侵权?应该如何解决?  Laravel如何使用Sanctum进行API认证?(SPA实战)  实例解析Array和String方法  Win11怎么关闭透明效果_Windows11辅助功能视觉效果设置  如何快速生成可下载的建站源码工具?  Python自然语言搜索引擎项目教程_倒排索引查询优化案例  如何快速搭建高效WAP手机网站?  什么是JavaScript解构赋值_解构赋值有哪些实用技巧  5种Android数据存储方式汇总  如何自定义建站之星网站的导航菜单样式?  如何在IIS7上新建站点并设置安全权限?  如何基于云服务器快速搭建网站及云盘系统?  如何在局域网内绑定自建网站域名?  移动端手机网站制作软件,掌上时代,移动端网站的谷歌SEO该如何做?  百度输入法ai面板怎么关 百度输入法ai面板隐藏技巧  javascript中的try catch异常捕获机制用法分析  Laravel如何创建和注册中间件_Laravel中间件编写与应用流程  javascript基本数据类型及类型检测常用方法小结  Laravel怎么调用外部API_Laravel Http Client客户端使用  如何用wdcp快速搭建高效网站?  北京企业网站设计制作公司,北京铁路集团官方网站?  Laravel怎么实现模型属性转换Casting_Laravel自动将JSON字段转为数组【技巧】  JavaScript常见的五种数组去重的方式  作用域操作符会触发自动加载吗_php类自动加载机制与::调用【教程】  ai格式如何转html_将AI设计稿转换为HTML页面流程【页面】  Swift中swift中的switch 语句  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面?  如何在云虚拟主机上快速搭建个人网站?  Laravel广播系统如何实现实时通信_Laravel Reverb与WebSockets实战教程  JavaScript如何实现路由_前端路由原理是什么  如何快速选择适合个人网站的云服务器配置?  如何快速搭建支持数据库操作的智能建站平台?  高防服务器租用首荐平台,企业级优惠套餐快速部署  如何在七牛云存储上搭建网站并设置自定义域名?  Laravel的路由模型绑定怎么用_Laravel Route Model Binding简化控制器逻辑  如何获取免费开源的自助建站系统源码?  使用spring连接及操作mongodb3.0实例  Laravel如何使用Guzzle调用外部接口_Laravel发起HTTP请求与JSON数据解析【详解】  教学论文网站制作软件有哪些,写论文用什么软件 ?  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做?  Laravel Fortify是什么,和Jetstream有什么关系  韩国网站服务器搭建指南:VPS选购、域名解析与DNS配置推荐  简单实现Android验证码  Laravel如何实现多对多模型关联?(Eloquent教程)  浅述节点的创建及常见功能的实现  Laravel怎么创建控制器Controller_Laravel路由绑定与控制器逻辑编写【指南】  东莞市网站制作公司有哪些,东莞找工作用什么网站好?  昵图网官方站入口 昵图网素材图库官网入口  Laravel怎么解决跨域问题_Laravel配置CORS跨域访问  佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】