|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
<meta charset="utf-8" />
|
|
|
<meta name="viewport" content="width=device-width， initial-scale=1" />
|
|
|
<link rel="shortcut icon" href="we.ico" type="image/x-icon" />
|
|
|
<link rel="stylesheet" href="static/css/secondselect_1_1.css" />
|
|
|
<title>群面试时间录入</title>
|
|
|
</head>
|
|
|
<script type="text/javascript">
|
|
|
function hideAllSelect() {
|
|
|
var obj = document.getElementById("input1"); //定位id。
|
|
|
var index = obj.selectedIndex; // 选中索引。
|
|
|
var text = obj.options[index].text; // 选中文本。
|
|
|
var select2 = document.getElementById("select2");
|
|
|
var select3 = document.getElementById("select3");
|
|
|
var select4 = document.getElementById("select4");
|
|
|
var select5 = document.getElementById("select5");
|
|
|
if (text == "线上面试") {
|
|
|
select2.style.display = "";
|
|
|
select3.style.display = "none";
|
|
|
select4.style.display = "none";
|
|
|
select5.style.display = "none";
|
|
|
|
|
|
}
|
|
|
else if (text == "线下成都面试") {
|
|
|
select2.style.display = "none";
|
|
|
select3.style.display = "";
|
|
|
select4.style.display = "none";
|
|
|
select5.style.display = "none";
|
|
|
}
|
|
|
else if (text == "线下天津面试") {
|
|
|
select2.style.display = "none";
|
|
|
select3.style.display = "none";
|
|
|
select4.style.display = "";
|
|
|
select5.style.display = "none";
|
|
|
}
|
|
|
else {
|
|
|
select2.style.display = "none";
|
|
|
select3.style.display = "none";
|
|
|
select4.style.display = "none";
|
|
|
select5.style.display = "";
|
|
|
}
|
|
|
};
|
|
|
|
|
|
function Number1() {
|
|
|
var numberMatrix ={{numberMatrix }};
|
|
|
var select2 = document.getElementById("select2");
|
|
|
var select3 = document.getElementById("select3");
|
|
|
var select4 = document.getElementById("select4");
|
|
|
var select5 = document.getElementById("select5");
|
|
|
var dateall = select2.getElementsByClassName("date");
|
|
|
var date = dateall[0].options[dateall[0].selectedIndex].value
|
|
|
if (date == 0) {
|
|
|
dateall[1].options[1].style.display = "none";
|
|
|
dateall[1].options[2].style.display = "none";
|
|
|
dateall[1].options[3].style.display = "none";
|
|
|
dateall[1].options[4].style.display = "none";
|
|
|
}
|
|
|
else{
|
|
|
dateall[1].options[1].style.display = "";
|
|
|
dateall[1].options[2].style.display = "";
|
|
|
dateall[1].options[3].style.display = "";
|
|
|
dateall[1].options[4].style.display = "";
|
|
|
}
|
|
|
var time = dateall[1].options[dateall[1].selectedIndex].value
|
|
|
if (date != "" && time != "") {
|
|
|
document.getElementById("numberMatrix").value = numberMatrix[date][time];
|
|
|
}
|
|
|
else {
|
|
|
document.getElementById("numberMatrix").value = "";
|
|
|
}
|
|
|
};
|
|
|
function Number2() {
|
|
|
var numberMatrix ={{numberMatrix }};
|
|
|
var select2 = document.getElementById("select2");
|
|
|
var select3 = document.getElementById("select3");
|
|
|
var select4 = document.getElementById("select4");
|
|
|
var select5 = document.getElementById("select5");
|
|
|
var dateall = select3.getElementsByClassName("date");
|
|
|
var date = dateall[0].options[dateall[0].selectedIndex].value
|
|
|
var time = dateall[1].options[dateall[1].selectedIndex].value
|
|
|
if (date != "" && time != "") {
|
|
|
document.getElementById("numberMatrix").value = numberMatrix[date][time];
|
|
|
}
|
|
|
else {
|
|
|
document.getElementById("numberMatrix").value = "";
|
|
|
}
|
|
|
};
|
|
|
function Number3() {
|
|
|
var numberMatrix ={{numberMatrix }};
|
|
|
var select2 = document.getElementById("select2");
|
|
|
var select3 = document.getElementById("select3");
|
|
|
var select4 = document.getElementById("select4");
|
|
|
var select5 = document.getElementById("select5");
|
|
|
var dateall = select4.getElementsByClassName("date");
|
|
|
var date = dateall[0].options[dateall[0].selectedIndex].value
|
|
|
var time = dateall[1].options[dateall[1].selectedIndex].value
|
|
|
if (date != "" && time != "") {
|
|
|
document.getElementById("numberMatrix").value = numberMatrix[date][time];
|
|
|
}
|
|
|
else {
|
|
|
document.getElementById("numberMatrix").value = "";
|
|
|
}
|
|
|
};
|
|
|
function Number4() {
|
|
|
var numberMatrix ={{numberMatrix }};
|
|
|
var select2 = document.getElementById("select2");
|
|
|
var select3 = document.getElementById("select3");
|
|
|
var select4 = document.getElementById("select4");
|
|
|
var select5 = document.getElementById("select5");
|
|
|
var dateall = select5.getElementsByClassName("date");
|
|
|
var date = dateall[0].options[dateall[0].selectedIndex].value
|
|
|
var time = dateall[1].options[dateall[1].selectedIndex].value
|
|
|
if (date != "" && time != "") {
|
|
|
document.getElementById("numberMatrix").value = numberMatrix[date][time];
|
|
|
}
|
|
|
else {
|
|
|
document.getElementById("numberMatrix").value = "";
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<body style="width:100%;height:100%;">
|
|
|
<div id="we">
|
|
|
<form class="sub" method="post" action="post"><br><br>
|
|
|
<input type="text" name="username" value="{{username}}" style="display:none"></p>
|
|
|
<input type="text" name="tel" value="{{tel}}" style="display:none"></p>
|
|
|
<font class="a2">请选择面试方式:</font>
|
|
|
<select id="input1" onchange="hideAllSelect()" name="division">
|
|
|
<option selected="selected" disabled="disabled" style='display: none' value=''></option>
|
|
|
<option value="线上面试">线上面试</option>
|
|
|
<option value="线下成都面试">线下成都面试</option>
|
|
|
<option value="线下天津面试">线下天津面试</option>
|
|
|
<option value="线下北京面试">线下北京面试</option>
|
|
|
</select><br><br><br>
|
|
|
|
|
|
<div id="select2" style="display:none">
|
|
|
<div class="a2">请选择你面试的时间(每次面试最多8人，已预约人数可能有延迟，若提交时显示人员已满请重新预约选择)：</div>
|
|
|
<select name='Idate0' class="date" onchange="Number1()">
|
|
|
<option selected="selected" disabled="disabled" style='display: none' value=''></option>
|
|
|
<option value='0' style="display: {{display22}}">3月22日</option>
|
|
|
<option value='1' style="display: {{display23}}">3月23日</option>
|
|
|
<option value='2' style="display: {{display24}}">3月24日</option>
|
|
|
<option value='3' style="display: {{display25}}">3月25日</option>
|
|
|
<option value='4' style="display: {{display26}}">3月26日</option>
|
|
|
<option value='5' style="display: {{display27}}">3月27日</option>
|
|
|
<option value='6' style="display: {{display28}}">3月28日</option>
|
|
|
<option value='7' style="display: {{display29}}">3月29日</option>
|
|
|
<option value='8' style="display: {{display30}}">3月30日</option>
|
|
|
<option value='9' style="display: {{display31}}">3月31日</option>
|
|
|
<option value='10' style="display: {{display1}}">4月1日</option>
|
|
|
<option value='11' style="display: {{display2}}">4月2日</option>
|
|
|
<option value='12' style="display: {{display3}}">4月3日</option>
|
|
|
<option value='13' style="display: {{display4}}">4月4日</option>
|
|
|
</select>
|
|
|
<select name="Itime0" class="date" onchange="Number1()">
|
|
|
<option selected="selected" disabled="disabled" style='display: none' value=''></option>
|
|
|
<option value="0">10:00-11:00</option>
|
|
|
<option value="1">11:00-12:00</option>
|
|
|
<option value="2">15:00-16:00</option>
|
|
|
<option value="3">16:00-17:00</option>
|
|
|
<option value="4">17:00-18:00</option>
|
|
|
<option value="5">19:00-20:00</option>
|
|
|
<option value="6">20:00-21:00</option>
|
|
|
<option value="7">21:00-22:00</option>
|
|
|
<option value="8">22:00-23:00</option>
|
|
|
</select>
|
|
|
<select name='Iaddr' style='display: none'>
|
|
|
<option value='' selected="selected"></option>
|
|
|
</select>
|
|
|
</div>
|
|
|
|
|
|
<div id="select3" style="display:none">
|
|
|
<div class="a2">请选择你面试的时间(每次面试最多8人，已预约人数可能有延迟，若提交时显示人员已满请重新预约选择)：</div>
|
|
|
<select name='Idate1' class="date" onchange="Number2()">
|
|
|
<option selected="selected" disabled="disabled" style='display: none' value=''></option>
|
|
|
<option value='8' style="display: {{display30}}">3月30日</option>
|
|
|
<option value='9' style="display: {{display31}}">3月31日</option>
|
|
|
</select>
|
|
|
<select name="Itime1" class="date" onchange="Number2()">
|
|
|
<option selected="selected" disabled="disabled" style='display: none' value=''></option>
|
|
|
<option value="9">9:30-10:45</option>
|
|
|
<option value="10">10:45-12:00</option>
|
|
|
<option value="11">13:30-14:45</option>
|
|
|
<option value="12">15:00-16:15</option>
|
|
|
<option value="13">16:45-18:00</option>
|
|
|
</select><br><br>
|
|
|
<font class="a2">面试地点：</font>
|
|
|
<select name='Iaddr' style="width:300px;height:30px;">
|
|
|
<option value='成都'>成都市锦江区上南大街49号吉祥大厦6楼</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
|
|
|
<div id="select4" style="display:none">
|
|
|
<div class="a2">请选择你面试的时间(每次面试最多8人，已预约人数可能有延迟，若提交时显示人员已满请重新预约选择)：</div>
|
|
|
<select name='Idate2' class="date" onchange="Number3()">
|
|
|
<option selected="selected" disabled="disabled" style='display: none' value=''></option>
|
|
|
<option value='9' style="display: {{display31}}">3月31日</option>
|
|
|
</select>
|
|
|
<select name="Itime2" class="date" onchange="Number3()">
|
|
|
<option selected="selected" disabled="disabled" style='display: none' value=''></option>
|
|
|
<option value="9">9:30-10:45</option>
|
|
|
<option value="10">10:45-12:00</option>
|
|
|
<option value="11">13:30-14:45</option>
|
|
|
<option value="12">15:00-16:15</option>
|
|
|
<option value="13">16:45-18:00</option>
|
|
|
</select><br><br>
|
|
|
<font class="a2">面试地点：</font>
|
|
|
<select name='Iaddr' style="width:300px;height:30px;">
|
|
|
<option value='天津'>天津市河西区珠江道25号天津财经大学</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
|
|
|
<div id="select5" style="display:none" onchange="Number4()">
|
|
|
<div class="a2">请选择你面试的时间(每次面试最多8人，已预约人数可能有延迟，若提交时显示人员已满请重新预约选择)：</div>
|
|
|
<select name='Idate3' class="date">
|
|
|
<option selected="selected" disabled="disabled" style='display: none' value=''></option>
|
|
|
<option value='2' style="display: {{display24}}">3月24日</option>
|
|
|
</select>
|
|
|
<select name="Itime3" class="date" onchange="Number4()">
|
|
|
<option selected="selected" disabled="disabled" style='display: none' value=''></option>
|
|
|
<option value="9">9:30-10:45</option>
|
|
|
<option value="10">10:45-12:00</option>
|
|
|
<option value="11">13:30-14:45</option>
|
|
|
<option value="12">15:00-16:15</option>
|
|
|
<option value="13">16:45-18:00</option>
|
|
|
</select><br><br>
|
|
|
<font class="a2">面试地点：</font>
|
|
|
<select name='Iaddr' style="width:360px;height:30px;">
|
|
|
<option value='北京'>北京市海淀区新街口外大街19号北京师范大学英东楼535室</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<font class="a2">该面试时间段人数为：</font>
|
|
|
<input id="numberMatrix" type="text" value="" readonly="readonly">
|
|
|
<br><br>
|
|
|
<input type="submit" class="btn" value="提交">
|
|
|
|
|
|
</form>
|
|
|
</div>
|
|
|
</body>
|
|
|
|
|
|
</html> |
