JS option location 页面跳转实现代码

<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>

(0)

相关推荐

  • JS动态添加option和删除option(附实例代码)

    1.动态创建select 复制代码 代码如下: function createSelect(){ var mySelect = document.createElement("select"); mySelect.id = "mySelect"; document.body.appendChild(mySelect); } 2.添加选项option 复制代码 代码如下: function addOption(){ //根据id查找对象, var obj=docume

  • js 解决“options为空或不是对象”

    昨天在做ip/pv统计的页面的时候遇到一个奇怪的问题,我在页面里放了一个select控件,控件的id是selectMonth但用js动态增加它的option的时候,老提示脚本错误:"options为空或不是对象",但用document.form1.xx或document.getElementById是能取到对象的. 找了好久都找不到原因,没办法,只有绕一条远路,在原来放select控件的放一个div,然后用js动态创建一个select,然后把select放到div里. 本来就这样算了,

  • js 操作select和option常用代码整理

    1.获取选中select的value和text,html代码如下: 复制代码 代码如下: <select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </selec

  • 使用js对select动态添加和删除OPTION示例代码

    <select id="ddlResourceType" onchange="getvalue(this)"> </select> 动态删除select中的所有options: document.getElementById("ddlResourceType").options.length=0; 动态删除select中的某一项option: document.getElementById("ddlResourc

  • js option删除代码集合

    1. JavaScript 复制代码 代码如下: var oSel=document.form1.DropDownCity; while(oSel.options.length>0){ oSel.removeChild(oSel.options[0]); } 2. JavaScript 复制代码 代码如下: <SCRIPT LANGUAGE="JavaScript"> function del1(){ var obj = document.getElementById

  • JS option location 页面跳转实现代码

    <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312"> <title>跳转菜单</title> <script language="JavaScript"> function jump() { location.href=document.myform.menu1.va

  • ReactNative页面跳转实例代码

    效果图如下所示: 进入工作目录,运行 react-native init NavigatorProject 创建项目NavigatorProject import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View, TouchableHighlight, Image, Navigator } from 'react-native'; class navigatorProject exte

  • django js实现部分页面刷新的示例代码

    例子中,我用的是显示机器上的进程信息的表格,获取不同的机器的进程信息时,更新这个展示信息的表格,如下: 当我在输入框中输入ip时,我希望只是更新这个表格,页面其他部分不变,实现方式如下: 1.在原页面中设置这个表格的id为pstable <table class="table table-striped" id="pstable"> <thead> <tr> <th>user</th> <th>

  • js 有框架页面跳转(target)三种情况下的应用

    1.跳出框架,在父页面. jsp: 复制代码 代码如下: <script language="javascript"> window.parent.frames.location.href="../welcome.en" </script> java: 复制代码 代码如下: PrintWriter out = response.getWriter(); out.write("<script type='text/javascr

  • JS延迟加载加快页面打开速度示例代码

    第一,JS延迟加载 代码如下: 复制代码 代码如下: <script language="JavaScript" src="" id="my"></script> <script language="JavaScript"> setTimeout("document.getElementById('my').src='include/...文件...php'; ",300

  • js获取location.href的参数实例代码

    window.location.search.substr(1); //substr(1) 是去掉参数里最开头的?号. 复制代码 代码如下: function getQuery(para){ var reg = new RegExp("(^|&)"+para +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null){ return u

  • 用js实现的页面关键字密度查询代码

    关键字密度查询工具我在网上找了很久,还是没找到一个合适的关键字密度查询工具,为什么呢?因为我的站是utf-8编码的,而网上提供的大部分是GB2312的.还是继续找关键字密度查询工具,结果找到一个,不过不是通过输入网址的,而是自己要把代码拷过去的.这样的关键字密度查询工具虽然用起来不是很方面,但我一时也没找到比较好的关键字密度查询工具.如果你找到了,一定要联系我.要求:只要你找的关键字密度查询工具支持UTF-8编码就可以了. Sub ClearB_OnClick MyWords.txt_Info.

  • javascript 中设置window.location.href跳转无效问题解决办法

    javascript 中设置window.location.href跳转无效问题解决办法 问题情况 JS中设置window.location.href跳转无效 代码如下: <script type="text/javascript"> function checkUser() { if(2!=1){ window.location.href="login.jsp" rel="external nofollow" rel="e

  • 微信小程序 页面跳转及数据传递详解

    微信小程序 页面跳转及数据传递详解 类似 Android 的 Intent 传值,微信小程序也一样可以传值: 例如:wxml 中写了一个函数跳转: <view class="itemWeight" catchtap="jumpToOverMissionList"> <view class="textStatus">已完成任务</view> <view class="containVertical

  • JSP页面跳转方法大全

    先来介绍一下在服务端JSP脚本中跳转页面的几种方法: 1. response.sendRedirct("跳转到页面"); 该方法通过修改HTTP协议的HEADER部分,对浏览器下达重定向指令的,使浏览器显示重定向网页的内容. request无法传值过去. 执行完该页所有代码,然后再跳转到页面. 跳转地址栏改变. 可以跳转到其他服务器上的页面response.sendRedirct('//www.jb51.net'). 2.response.setHeader(); 该方法和respon

随机推荐