html下拉列表框跳转,html下拉框跳转问题怎么弄？

满意答案

dsfjd66fc

2016.07.01

采纳率：44% 等级：5

已帮助：56人

两个下拉框，第一个里面有A,B两个选项，第二个里面有X,Y两个选项。后面有一个按钮。怎么做到选A和X时候点击按钮跳转1.html。选择A和Y的时候跳转2.html。选择B和X跳转3.html。选择B和Y跳转4.html。

代码如下：

TEST

function openPage(){

var str1 = document.getElementById("set1").value;

var str2 = document.getElementById("set2").value;

if (str1 == 0 && str2 == 0){

window.location.href='A.html';

}

if (str1 == 0 && str2 == 1){

window.location.href='B.html';

}

if (str1 == 1 && str2 == 0){

window.location.href='C.html';

}

if (str1 == 1 && str2 == 1){

window.location.href='D.html';

}

自己在写有上面代码的html文件的同一个目录下添加ABCD四个html文件

00分享举报

html下拉列表框跳转,html下拉框跳转问题怎么弄？相关推荐

（首页上一页下一页尾页 + 下拉框跳转）分页功能
说在前头(本人用的是bootstrap +jQuery 和 struts2 + MVC)不影响分页功能制作一个分页功能: 效果如下: 由上图可知,此功能只适合页数不是特别多的情况下,页数多的时候, ...
html 下拉框a标签跳转,html下拉框跳转问题
满意答案 woaidaowai 2016.07.16 采纳率:49% 等级:11 已帮助:3910人两个下拉框,第一个里面有A,B两个选项,第二个里面有X,Y两个选项.后面有一个按钮.怎么做到 ...
使用Axure RP实现页面跳转、弹窗显示、单选按钮、下拉框以及图片插入
前言:Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图.操作流程图.以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发. 最近使用到Axu ...
Acitivity（页面）之间的跳转，ProgressBar 进度条，PopupWindow 弹出框，Dialog 对话框，Spinner下拉框
Acitivity(页面)之间的跳转 Acitivity(页面)之间的跳转需要使用到 Intent(意图) Intent intent = new Intent(MainActivity.this(从 ...
php下拉列表框是隐藏变色的代码,jQuery设置下拉框显示与隐藏效果的方法分析...
本文实例讲述了jQuery设置下拉框显示与隐藏效果的方法.分享给大家供大家参考,具体如下: jQuery的 hide() 和 show() 方法分别用来隐藏和显示 HTML 元素,而 toggle() ...
使用微信小程序做一个简易的下拉框，无动画效果，纯原生写法（下拉列表框）
最近在开发的时候,需要使用下拉的效果,但是之前并没有进行书写过,今天做一个简单的demo,来记录一下微信小程序开发的下拉框效果. 微信小程序和jquery最大的区别就是是否操作dom, 微信小程序无需 ...
html下拉列表框做日期,几种常用的控件（下拉框可选框起止日期在HTML页面直接读取当前时间）...
下拉框状态 ----请选择---- 制单已提交已审核可选框 value="Y" checked="checked" id="isValid&q ...
浏览器前进后退对下拉框数据的丢失（省市联动实现和例子）
浏览器前进后退对下拉框数据的丢失的问题,典型的为省市下拉框联动时城市数据的丢失.省市联动一般的实现为城市在省份的选择后js加载. 那么每次城市的改变只需要重新加载新的城市数据并更新下拉框即可: 下拉函 ...
js的下拉框事件之onchange
记录下用js的下拉框事件来实现切换图片和实现链接跳转的两个例子: 1.JS实现下拉框切换图片方法: <!doctype html> <html lang="en" ...

html下拉列表框跳转,html下拉框跳转问题怎么弄？

html下拉列表框跳转,html下拉框跳转问题怎么弄？相关推荐

最新文章

热门文章