按照要求,网站有一个三个下拉框,其中前两个需要动态变化。
当改变“类别”的时候,“内容”要根据“类别”的不同而变化,显示出当前类别下的内容。
另外需要实现弹框提示的效果。
function Clear(oListBox) {
for (var i = oListBox.options.length - 1; i >= 0; i--) {
oListBox.remove(i);
}
}
function changeContent(obj, event) {
var type = document.getElementById("type");
var content = document.getElementById("content");
Clear(content);
if(type.value==1)
{
content.options[content.options.length] = new Option("JCR一区论文", "1");
content.options[content.options.length] = new Option("JCR二区论文", "2");
content.options[content.options.length] = new Option("JCR三区论文", "3");
content.options[content.options.length] = new Option("JCR四区论文", "4");
content.options[content.options.length] = new Option("推荐列表中的国内期刊", "5");
content.options[content.options.length] = new Option("第一档会议列表", "6");
content.options[content.options.length] = new Option("第二档会议列表", "7");
content.options[content.options.length] = new Option("第三档会议列表", "8");
content.options[content.options.length] = new Option("其他", "9");
}
else if(type.value==2)
{
content.options[content.options.length] = new Option("软件著作权", "10");
content.options[content.options.length] = new Option("专利", "11");
content.options[content.options.length] = new Option("项目申请书", "12");
content.options[content.options.length] = new Option("技术报告", "13");
}
else if(type.value==3)
{
content.options[content.options.length] = new Option("报销", "14");
content.options[content.options.length] = new Option("接待", "15");
content.options[content.options.length] = new Option("网站维护", "16");
content.options[content.options.length] = new Option("活动组织", "17");
content.options[content.options.length] = new Option("Paper Reading", "18");
content.options[content.options.length] = new Option("Book Reading", "19");
}
else if(type.value==4)
{
content.options[content.options.length] = new Option("横向课题", "20");
content.options[content.options.length] = new Option("原型系统", "21");
content.options[content.options.length] = new Option("论文实验实现", "22");
}
}
document.getElementById("type")
content.options[content.options.length] = new Option("JCR一区论文", "1")
这里是生成一个新的“内容”条目。
function check()
{
var newpassword = document.getElementById("newPassword").value;
var confirmpassword = document.getElementById("confirmPassword").value;
if( newpassword != confirmpassword)
{
alert("确认密码不相同,请重新输入");
window.location.href="studentInfoChange.html";
}
}
function logout()
{
if (confirm("确定退出吗?"))
{
delCookie("ID");
window.location.href="index.html";
}
}
function delCookie(name)//为了删除指定名称的cookie,可以将其过期时间设定为一个过去的时间
{
var date = new Date();
date.setTime(date.getTime() - 10000);
document.cookie = name + "=a; expires=" + date.toGMTString();
}
window.location.href="index.html";
这句代码执行了跳转命令,在这个命令之后页面会立刻跳转,后边的代码都不会被执行到。至于跳转的方式有很多种,我也说不全..需要的话可以在Google里搜到很多博客。