adduser 显示和不显示

这是一个用于添加用户的HTML页面,包含用户基本信息输入框如用户名、类型、角色等,并针对不同类型的用户显示不同的角色选项。
<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{baseui/head :: head}">
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <link rel="shortcut icon" href="/webjars/images/favicon.png"/>
    <link rel="stylesheet" href="/webjars/js/layui/css/layui.css" media="all">
  
</head>
<body style="background-color:#fff">

        <div class="wrapper wrapper-content">
            <!--news List-->
            <div class="main">
                <div class="main-inner">

                    <div class="block-flat">
                        <div class="header">
                            <h3 style="margin-left: 43%">添加用户</h3>
                            <input  name="id" id="id" type="hidden" />
                        </div>
                        <div class="content">
                                    <form class="form-horizontal group-border-dashed" action="#"
                                          style="border-radius: 0px;">
                                            <div class="form-group">
                                                <label class="col-sm-3 control-label" for="username">用户名称</label>
                                                <div class="col-sm-6">
                                                    <input type="text" class="form-control" name="username" id="username"  />
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-3 control-label" for="usertype">用户类型</label>
                                                <div class="col-sm-6" onchange="onchange1()">
                                                    <select class="select2" name="usertype" id="usertype" >
                                                        <option value="0">请选择...</option>
                                                        <option value="1">养殖场人员</option>
                                                        <option value="2">政府人员</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group" id="role" >
                                                <label class="col-sm-3 control-label" for="roletype">app角色</label>
                                                <div class="col-sm-6">
                                                    <select class="select2" name="roletype" id="roletype">
                                                        <option value="0">请选择...</option>
                                                        <option value="1">管理人员</option>
                                                        <option value="2">运维人员</option>
                                                    </select>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-sm-3 control-label" for="organizationName">所属组织</label>
                                                <div class="col-sm-6" style="width: 150px">
                                                    <select class="select2" name="organizationName" id="organizationName">
                                                        <option>青田县畜牧兽医局</option>
                                                        <option th:each=" breedfactory : ${orgName}"
                                                                th:text="${breedfactory}"
                                                                th:value="${breedfactory}"></option>
                                                    </select>
                                                </div>
                                            </div>


                                            <div class="form-group">
                                                <label class="col-sm-3 control-label" for="mobile">用户手机号</label>
                                                <div class="col-sm-6">
                                                    <input type="text" class="form-control" name="mobile" id="mobile"/>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-3 control-label" for="password">密码</label>
                                                <div class="col-sm-6">
                                                    <input type="password" class="form-control" name="password" id="password"  />
                                                </div>
                                            </div>
                                            <br />
                                            <!--<div class="form-actions">-->
                                                <!--<button  style="margin-left:40%" type="button" class="btn btn-primary" onclick="saveUser()">保存</button>-->

                                                <!--&nbsp;&nbsp;&nbsp;&nbsp;-->
                                                <!--<button style="margin-left:5%" class="btn" type="button" onclick="history.back()">返回</button>-->
                                            <!--</div>-->

                                    </form>
                             </div>
                     </div>
              </div>
         </div>
  </div>
</body>
</html>
function  change1() {
//        var usertype = $("#usertype").val();
//        if (usertype==2){
//            $("#role").style.display="block";
//        }
//    }
//
   function onchange1() {
       var usertype = $("#usertype").val();
       if (usertype==1){
           $("#role").attr("hidden","true");
       }else {
           $("#role").removeAttr("hidden");
       }
   }




</script>






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值