当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS option location 页面跳转实现代码

Javascript
让您的菜单不离网站
JavaScript去除空格的几种方法
TFDN图片播放器 不错自动播放
通过ifame指向的页面高度调整iframe的高度
解放web程序员的输入验证
让背景如此暗淡(一种弹出提示信息时页面背景色调改变的方法)
关于textarea的直观换行的一些研究材料
网页缓存文件批量改名工具
按钮里的字可以换行吗
许愿墙中用到的函数
自动更新作用
激活 ActiveX 控件
使用Javascript和DOM Interfaces来处理HTML
获取DOM对象的几种扩展及简写
splice slice区别
Array.slice()与Array.splice()的返回值类型
$$()函数应用实例
window.open的功能全解析
点击单元格后可编辑单元格内文本如何制作
用JavaScript脚本实现Web页面信息交互

Javascript 中的 JS option location 页面跳转实现代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 247 ::
收藏到网摘: n/a

JS中location对象 在option中的应用(跳转采单),方便通过 option实现页面的切换 <html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<title>跳转菜单</title>
<script language="JavaScript">
function jump()
{
location.href=document.myform.menu1.value;
}
</script>
</head>
<body>
<form name="myform">
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><img src="D:\1.jpg" width="190" height="151" border="0"></td>
<td><img src="D:\2.jpg" width="200" height="150" border="0"></td>
</tr>
<tr>
<td><img src="D:\3.jpg" width="188" height="150" border="0"></td>
<td><img src="D:\4.jpg" width="200" height="150" border="0"></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td align="right">跳转到九寨沟</td>
<td>
<select name="menu1" onChange="jump()">
<option>---请选择季节景色---</option>
<option value="spring.htm">春天美景</option>
<option value="summer.htm">夏天一色</option>
<option value="autumn.htm"> 秋天枫叶</option>
<option value="winter.htm">冬天白雪</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>