传统
这里要做的是省略Go There按钮选择菜单项后直接跳转
Html代码
复制代码 代码如下:
<!DOCTYPE html PUBLIC "
//W
C//DTD XHTML
Transitional//EN" "
<html xmlns="
<head>
<meta http
equiv="Content
Type" content="text/html; charset=utf
" />
<title>转移菜单</title>
<script type="text/javascript" src="转移菜单
js"></script>
</head>
<body>
<form>
<select id="newLocation">
<option selected="selected" value="">Select a topic</option>
<option value="topic
html">topic
</option>
<option value="topic
html">topic
</option>
<option value="topic
html">topic
</option>
<option value="topic
html">topic
</option>
<option value="topic
html">topic
</option>
</select>
<!
当浏览器不支持javascript或者禁用脚本运行时被调用
>
<noscript>
<input type="submit" value="Go There!"/>
</noscript>
</form>
</body>
</html>
Javascript脚本
复制代码 代码如下:
windowonload=initForm;
//防止页面缓存无法触发onload
windowonunload=function(){}
function initForm(){
documentgetElementById("newLocation")selectIndex=;
documentgetElementById("newLocation")onchange=jumpPage;
}
function jumpPage(){
var newLoc=documentgetElementById("newLocation");
var newPage=newLocoptions[newLocselectedIndex]value;
if (newPage!=""){
windowlocation=newPage;
}
}
