<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/student.css">
<script src="js/jquery-1.9.1.min.js"></script>
</head>
<body>
<div class="container">
<div class="content">
<div class="header clearfix">
<div class="top fl">当前位置>个人信息</div>
<div class="bottom fr">
<a id="emit" href="javascript:;">编辑</a>
<a id="keep" href="javascript:;">保存</a>
</div>
</div>
<div class="main">
<!--基础信息-->
<div class="BasicInformation">
<div class="title">
基础信息
</div>
</div>
<div class="content clearfix">
<div class="left fl">
<div>
<label for="">姓名:</label>
<input id="stu_name" type="text" value="" disabled />
</div>
<div>
<label for="">性别:</label>
男:<input type="radio" name="sex" value="0" style="width: 20px; margin-top: 12px;">
女:<input type="radio" name="sex" value="1" style="width: 20px;">
</div>
<div>
<label for="">出生日期:</label>
<input id="birthday" type="text" value="" disabled>
</div>
<div>
<label for="">身份证号:</label>
<input id="idNumber" class="id oInp" type="text" value="" disabled>
</div>
</div>
<div class="right fr">
<div>
<label for="">学号:</label>
<input id="xstu_id" type="number" value="" disabled>
</div>
<div>
<label for="">民族:</label>
<input id="national_name" type="text" value="" disabled>
</div>
<div class="label">
<label for="">政治面貌:</label>
<div class="option clearfix" id="politics">
<a id="pl_name" href="javascript:;" class="fl"></a>
<i class="fr"></i>
<ul>
<li>中共党员</li>
<li>中共预备党员</li>
<li>共青团员</li>
<li>群众</li>
<li>无党派人士</li>
</ul>
</div>
</div>
<div class="label">
<label for="">独生子女:</label>
<div class="option clearfix" id="child">
<a href="javascript:;" class="fl">是</a>
<i class="fr"></i>
<ul>
<li>是</li>
<li>否</li>
</ul>
</div>
</div>
</div>
</div>
<!--联系方式-->
<div class="BasicInformation">
<div class="title">联系方式</div>
</div>
<div class="content clearfix">
<div class="left fl">
<div>
<label for="">手机号码:</label>
<input id="phone" type="number" value="" disabled>
</div>
<div>
<label for="">QQ号码:</label>
<input id="qq" type="number" value="" disabled>
</div>
</div>
<div class="right fr">
<div>
<label for="">电子邮箱:</label>
<input id="e_mail" type="text" value="" class="mailbox" disabled>
</div>
</div>
</div>
<!--辅导员信息-->
<div class="BasicInformation">
<div class="title">
辅导员信息
</div>
</div>
<div class="content clearfix">
<div class="left fl">
<div>
<label for="">姓名:</label>
<input type="text" value="">
</div>
</div>
<div class="right fr">
<div>
<label for="">电话号码:</label>
<input type="number" value="">
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$('#politics i').on('click', function() {
$(this).siblings('ul').show();
});
$('#politics ul li').on('click', function() {
var selTxt = $(this).text();
$('#politics a').text(selTxt);
$('#politics ul').hide();
});
$('#child i').on('click', function() {
$(this).siblings('ul').show();
});
$('#child ul li').on('click', function() {
var selTxt = $(this).text();
$('#child a').text(selTxt);
$('#child ul').hide();
});
$('#emit').on('click',function(){
$('input').removeAttr('disabled');
});
$('#keep').on('click',function(){
$('input').attr('disabled','disabled');
});
$(document).ready(function(){
$.ajax({
url: "http://101.201.154.205:9090/bm/bmList",
type: 'post',
data: {
t: Math.random()
},
dataType: 'jsonp',
'jsonp': 'callback'
}).then(function(res){
console.log(res)
// var stu_name = $('#stu_name').val();
for (var i=0; i<res.length; i++) {
$('#stu_name').attr('value',res[i].stu_name);
$('#sex').attr('value',res[i].sex);
$('#xstu_id').attr('value',res[i].xstu_id);
$('#idNumber').attr('value',res[i].idNumber);
$('#birthday').attr('value',res[i].birthday);
$('#national_name').attr('value',res[i].national_name);
$('#qq').attr('value',res[i].qq);
$('#phone').attr('value',res[i].phone);
$('#e_mail').attr('value',res[i].e_mail);
$('#pl_name').text(res[i].pl_name);
}
},function(){
console.log('error');
});
});
</script>
</body>
</html>
小徐博客
- 粉丝: 1977
- 资源: 5883
最新资源
- 流水线贴膜机完成项目程序,包含PLC程序和触摸屏程序,程序内 包含上下气缸控制,夹紧气缸控制,输送带电机控制,贴膜伺服控制,旋转电机控制等类容,非常适合学习简单控制工艺及运动控制初学者学习,该程序支持
- PLC与变频器RS指令无协议通讯 适应支持MODBUS.RTU模式的各品牌变频器 RS485ADP或者RS485BD板都可以 本程序编写了CRC循环冗余校验码程序,针对FX1N.2N没有CRC专
- 自己封装的爱普生机器人与三菱的MC协议通信驱动程序,提供项目源码、MC协议源码,需要一定基础(通信 MC协议 爱普生机器人编程)才能调的通
- 紧急道,紧急避障,横纵向联合控制,模型预测控制+pid控制方案,通过控制转角以及车轮力矩实现道,避障轨迹 matlab用的是2016,carsim用的是2018
- 基于plc智能停车场车位控制仿真 功能介绍: ①假设某停车场共有16个车位 ②在停车场入口处装设有一传感器,用来检测车辆进入的数目 ③在停车场出口处装设有一传感器,用来检测车辆出去的数目 ④尚有
- 能量和储备调度的分布鲁棒联合机会约束 测试环境:MATLAB 关键词:分布式鲁棒优化,能量和储备调度,联合机会约束 我们开发了一个两阶段的随机计划,为能源和储备调度的联合电力和天然气系统的高渗透的可再
- 插电式混合动力汽车的能量管理:模型预测控制的凸优化算法 测试环境:MATLAB 关键词:乘法器交替方向法、能量管理、内点法、模型预测控制、插电式混合动力汽车 求解非线性损耗混合动力汽车能量管理模型预测
- 储能参与调频调峰联合优化运行 关键词:储能 调频 调峰 储能优化 联合优化 测试环境:matlab平台 通过一个联合优化框架同时使用电池存储系统进行调峰和频率调节,该框架可以捕捉到电池 化、操作限
- 基于最小二乘法和快速解耦法的电网状态估计 测试环境:MATLAB 电网状态估计问题的实质是当方程的个数大于变量的个数时,对方程变量进行无偏估计 对于电网系统,变量为节点电压(即状态值,由实部和虚部
- 四轮轮毂电机驱动车辆,驱动电机故障状态估计(UKF) 软件使用:Matlab Simulink 适用场景:采用无迹卡尔曼滤波UKF进行轮毂电机状态估计,失效电机估计状态为0,正常电机状态为1 产品
- 汇川H3UCAN总线高性能PLC实机程序,本体应用五轴?CAN总线轴控两轴SV630总线伺服电机,最大可扩充16轴运动总线 另外一路MODBUS总线控制高频温控器 配合台湾威纶通TK6071IP触
- 倒立摆源码 13年国赛电赛旋转倒立摆 完整全功能 程序 倒立摆 pid算法 程序使用时可根据硬件需要自行调节 基本要求 1. 摆杆从处于自然下垂状态(摆角 0°)开始,驱动电机带动旋转臂作往复旋转使
- 成熟 步进电机驱动 方案 全套
- 考虑电动汽车调度潜力的两阶段充电桩市场投标 代码 测试环境:MATLAB 关键词:电动汽车,车并网,纳什均衡,投标策略 充电站投标优化能降低电力成本甚至通过电取益 考虑了电动汽车成为柔性储荷资源的
- 四相8 6极开关磁阻电机maxwell仿真资料
- labview串口,网口,DSC可用OPC通讯链接三菱欧姆龙西门子等PLC 需要的取,可帮助使用 通过NI-OPC控制三菱,欧姆龙西门子等各种型号PLC
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈