二位数组塑造二级联动下拉菜单(静态数据)

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script language="JavaScript" type="text/javascript">   
        //定义城市的二维数组,其中顺序跟省份是一致的
        var cityNames = [["济南","青岛","淄博","潍坊"],["合肥","蚌埠","宣城","黄山"]];
        function getCity(){
            //获得省份下拉框的对象
            var selProvince = document.form.province;
            //获得城市下拉框的对象
            var selCity = document.form.city;
            //得到选择省份的城市数组
            var proCityNames = cityNames[selProvince.selectedIndex-1];
            //清空城市下拉框,仅留提示选项
            selCity.length = 1;
            //将省份下城市数组中的值填充到城市下拉框中
            for(var i=0; i<proCityNames.length;i++){
               selCity[i+1] = new Option(proCityNames[i],i+1);
            }
        }
         
    </script>
    </HEAD>
    <BODY οnlοad="setValue();">
        <FORM METHOD=POST ACTION="" name="form">
            <select name="province" onChange="getCity()">
              <option value="0">请选择省份</option>
              <option value="1" selected>山东</option>
              <option value="2">安徽</option>              
            </select>
            <select name="city">
              <option value="0">请选择城市</option>
            </select>
        </FORM>
    </BODY>

</HTML>

但此项貌似在修改时的默认选中上不太好实现,用作单独的添加页面还是很高效率的。

已标记关键词 清除标记
课程简介: 历经半个多月的时间,Debug亲自撸的 “企业员工角色权限管理平台” 终于完成了。正如字面意思,本课程讲解的是一个真正意义上的、企业级的项目实战,主要介绍了企业级应用系统中后端应用权限的管理,其中主要涵盖了六大核心业务模块、十几张数据库表。 其中的核心业务模块主要包括用户模块、部门模块、岗位模块、角色模块、菜单模块和系统日志模块;与此同时,Debug还亲自撸了额外的附属模块,包括字典管理模块、商品分类模块以及考勤管理模块等等,主要是为了更好地巩固相应的技术栈以及企业应用系统业务模块的开发流程! 核心技术栈列表: 值得介绍的是,本课程在技术栈层面涵盖了前端和后端的大部分常用技术,包括Spring Boot、Spring MVC、Mybatis、Mybatis-Plus、Shiro(身份认证与资源授权跟会话等等)、Spring AOP、防止XSS攻击、防止SQL注入攻击、过滤器Filter、验证码Kaptcha、热部署插件Devtools、POI、Vue、LayUI、ElementUI、JQuery、HTML、Bootstrap、Freemarker、一键打包部署运行工具Wagon等等,如下图所示: 课程内容与收益: 总的来说,本课程是一门具有很强实践性质的“项目实战”课程,即“企业应用员工角色权限管理平台”,主要介绍了当前企业级应用系统中员工、部门、岗位、角色、权限、菜单以及其他实体模块的管理;其中,还重点讲解了如何基于Shiro的资源授权实现员工-角色-操作权限、员工-角色-数据权限的管理;在课程的最后,还介绍了如何实现一键打包上传部署运行项目等等。如下图所示为本权限管理平台的数据库设计图: 以下为项目整体的运行效果截图: 值得一提的是,在本课程中,Debug也向各位小伙伴介绍了如何在企业级应用系统业务模块的开发中,前端到后端再到数据库,最后再到服务器的上线部署运行等流程,如下图所示:
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页