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>
相关推荐
-
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
随机推荐
- iOS中UILabel实现长按复制功能实例代码
- js正则表达式中的单行模式与多行模式实例分析
- ACCESS数据库文件的压缩和修复方法[图文]
- jQuery的text()方法用法分析
- Extjs4 Treegrid 使用心得分享(经验篇)
- 使用Java进行FreeMarker的web模板开发的基础教程
- CentOS 7 在vmware中的网络设置详细介绍
- Android开发之图形图像与动画(五)LayoutAnimationController详解
- 解决mysql5中文乱码问题的方法
- Linux中的内核链表实例详解
- CSS超级技巧大放送合集
- js代码解密代码第1/2页
- jQuery动画效果相关方法实例分析
- linux svn服务器搭建、客户端操作、备份与恢复
- java编程常用技术(推荐)
- Android程序开发通过HttpURLConnection上传文件到服务器
- 五种"水"喝掉脸上斑点
- PHP基于反射机制实现自动依赖注入的方法详解
- 利用node.js如何创建子进程详解
- WPF实现左右移动(晃动)动画效果