我在做一个静态的网站（交作业）我想用JS实现如类似搜索框的功能，望各位大虾能帮帮我哦这个菜鸟。PS：我刚刚学JS很多东西没弄清楚，如果有代码贴上来的最好写一些注释，谢谢！
如：
这是我首页index.html的搜索框
<form action="" method="post"><input name="sousuo" type="text" /><input type="submit" value="提交" />
</form>
当我在文本框输入“csdn1” 然后在按提交按钮 页面就转跳到我创建的页面 csdn1.html
当我在文本框输入“csdn2” 然后在按提交按钮 页面就转跳到我创建的页面 csdn2.html
当我在文本框随便输入任意字符 然后在按提交按钮 页面就转跳到我创建的页面 null.html
（该网页提示没有找到搜索资源）
如何用脚本实现呢？拜托各位，我交作业的时间快到了！
如：
这是我首页index.html的搜索框
<form action="" method="post"><input name="sousuo" type="text" /><input type="submit" value="提交" />
</form>
当我在文本框输入“csdn1” 然后在按提交按钮 页面就转跳到我创建的页面 csdn1.html
当我在文本框输入“csdn2” 然后在按提交按钮 页面就转跳到我创建的页面 csdn2.html
当我在文本框随便输入任意字符 然后在按提交按钮 页面就转跳到我创建的页面 null.html
（该网页提示没有找到搜索资源）
如何用脚本实现呢？拜托各位，我交作业的时间快到了！
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript">
<!--
function souval(){
var val = document.all("sousuo").value;
if(val == 'csdn1'){
location.href = 'csdn1.html';
}else if(val == 'csdn2'){
location.href = 'csdn2.html';
}else{
location.href = "null.html";
}
}
//-->
</script>
</head> <body>
<form action="" method="post" ><input name="sousuo" type="text" /><input type="submit" value="提交" onclick="souval()"/>
</form> </body>
</html>
<html>
<head>
<title> New Document </title>
<script type="text/javascript">
<!--
function souval(){
var val = document.all("sousuo").value;
if(val == 'csdn1){
form1.action="csdn1.html";}else if(val == 'csdn2'){
form1.action="csdn2.html";
;
}else{
form1.action="null.html";}
}
//-->
</script>
</head> <body>
<form action="" method="post" name="form1"><input name="sousuo" type="text" /><input type="submit" value="提交" onclick="souval()"/>
</form> </body>
</html>借鉴1楼的代码我修改了一下 这样就可以实现了！