You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

244 lines
11 KiB

4 years ago
<!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>