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

Javascript
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
JS Array对象入门分析
javascript typeof的用法与typeof运算符介绍[详细]
js CSS操作方法集合
让任务管理器中的CPU跳舞的js代码
ajax无刷新动态调用股票信息(改良版)
js Clip的奇思妙想之文字拼接效果
js Clip奇思妙想之多彩渐变字效果
JS 创建对象(常见的几种方法)
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
JS提交并解析后台返回的XML的代码
初学Javascript的一些总结
JS 继承实例分析
js form action动态修改方法
仿163填写邮件地址自动显示下拉(无优化)
js判断对象是否是某一类型
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
js 目录列举函数
js颜色选择器代码[firefox不支持]
js wmp操作代码小结(音乐连播功能)

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 322 ::
收藏到网摘: 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>