php实例 shell脚本 jquery选择器 python模拟登录 linux命令 nginx apache
当前位置：首页 > 脚本编程 > javascript实例 > js跳转代码 > 正文

js页面跳转 option location页面跳转的代码实例

发布时间：2020-12-20编辑：脚本学堂
js页面跳转，使用js操作location对象，在option中实现根据选择项的不同，跳转到不同的页面。有需要的朋友，可以参考下。

js页面跳转。
 

复制代码 代码示例:
<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">脚本学堂 http://www.jb200.com，你想跳到哪里去呢？</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>

您可能感兴趣的文章：
js 控制页面跳转的五种方法
js 下拉菜单点击链接跳转的代码
js实现页面跳转的代码举例
select下拉列表框中超链接跳转的代码
select下拉列表菜单中超链接跳转
js 倒计时多少秒后跳转页面
js用户登录自动跳转
js页面跳转方式 js页面跳转

>>>> 延伸阅读：
JavaScript 移动和重排option选项的方法
JavaScript 移除option选项的方法
JavaScript 选择option选项的方法
JavaScript 添加option选项的方法
js 添加、修改、删除select中option元素的实现代码
js动态添加与删除 select option的代码
javasript 操作select中option的常用方法
js获取select下拉标签中option的属性值
js删除select下拉列表框中option选项的多种方法(附代码)
js移动(增加删除)select option的实现代码
js 控制select下拉列表框中option选项的上下移动
Js动态添加select的option选项的代码
javascript操作Select options集合的实例介绍
JS动态添加与删除option选项的代码

上一篇：js页面跳转方式 js页面跳转举例
下一篇：js 页面自动跳转在safari下无效的解决方法

与 js页面跳转 option location页面跳转的代码实例 有关的文章

浏览排行

栏目分类

栏目导航

热点文章

关于本站 | 网站地图 | 联系我们 | 免责声明 | 友情链接
鄂ICP备13010364号-22

CopyRight © 2010-2021 脚本学堂 Jb200.com , All Rights Reserved.