软件体系结构-6(2019.5.13-Spring MVC之二级联动)

最新推荐文章于 2024-08-13 12:23:36 发布

TURBOTX

最新推荐文章于 2024-08-13 12:23:36 发布

阅读量167

点赞数

分类专栏： Software Architecture 文章标签：软件体系结构 SpringMVC

本文链接：https://blog.csdn.net/TURBOTX/article/details/91386097

版权

Software Architecture 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1、一些小错误

乱码是因为样式和浏览器不兼容，选IE

400错误：请求有问题。

调试F12

一个地方存多种类型数据：class:(int name;string name)

相对地址改绝对地址basePath

2、表单标签库

类型:单选(radio)、多选(checkbox)、默认(text)、密码(password不显示所填内容)；

id确定这一行标签，根据数据库命名确定

3、二级联动（如科室由机构决定，城市由省份决定）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>江苏省卫生监督业务系统</title>
<link href="../css/main.css" rel="stylesheet" type="text/css" media="all" />
<script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <meta charset="utf-8">
    <title>二级联动</title>
    <script type="text/javascript" src="jquery-1.11.1.js"></script>
    <script type="text/javascript">
        var institution=["机构1","机构2","机构3"];
        var office=[["科室1","科室2","科室3","科室4"],["科室5","科室6","科室7","科室8",],["科室9","科室10","科室11","科室12"]];
        $(function(){
            //初始化机构下拉列表
            for(var i=0;i<institution.length;i++){
                $("#institution").append($("<option></option>").val(i+1).html(institution[i]));
            }
            //为机构下拉列表绑定change事件
            $("#institution").change(function(){
                var index=$(this).val()-1;//获取当前机构的下标
                $("#office").prop("length",1);//清空原有的数据
                for(var i=0;i<office[index].length;i++){//重新为科室赋值
                    $("#office").append($("<option>").val(i+1).html(office[index][i]));
                }
            });
        })
    </script>
</head>
</html>
<body>
    <div style="height: 200px;width: 300px;background-color: aquamarine;text-align: center" id="div1">
        <select id="institution">
            <option value="0" selected>-请选择-</option>
        </select>机构
        <select id="office">
            <option value="0" selected>-请选择-</option>
        </select>科室
    </div>
</body>