select中的option被选中时页面的跳转

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src=‘js/jquery.min.js‘></script>
</head>
<body>
<select name="" id=‘selectId‘>
<option value="0">--请选择--</option>
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>

</select>

<script>
$(function (){
$(‘#selectId‘).on(‘change‘,function(){
var selectId = $(‘#selectId option:selected‘);
if(selectId.val()==1){
window.open(‘pink.html‘);
}else if(selectId.val()==2){
window.open(‘blue.html‘);
}else if(selectId.val()==3){

window.open("green.html");
})

});
</script>
</body>
</html>

window.open();是jquery中用来打开链接的地址。pink.html、blue.html、green.html这些是要跳转到的页面。

时间: 2024-10-13 22:17:10

select中的option被选中时页面的跳转的相关文章

JQuery操作select中的option

html页面代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&q

JSP中如何利用JS实现登录页面的跳转(JSP中如何利用JS实现跳转页面)

JSP中如何利用JS实现登录页面的跳转(JSP中如何利用JS实现跳转页面) 注:只是用到js中的setTimeout();具体使用方法:  setTimeout(函数名, 时间(毫秒)); setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method.setTimeout( ) 通常是与 function一起用. 样例: 1 <%@ page language="j

Bootstrap浏览器支持下载页面 判断当前IE浏览器小于等于IE8时页面自动跳转到浏览器支持下载页面

Bootstrap浏览器支持下载HTML页面 : <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta chars

JS 实现 select中指定option选中触发事件(下拉框)

转自:http://www.cnblogs.com/moli-/p/6406170.html 在用到下拉列表框select时,需要对选中的<option>选项触发事件,其实<option>本身没有触发事件方法,我们只有在select里的onchange方法里触发. 想添加一个option的触发事件,在option中添加onclick 点来点去就是不会触发事件 又在select中添加onclick 这下可好了,没选option呢就触发了 当我们触发select的双击事件时,用ondb

jQuery获取select中所有option值

<select id="language"> <option value="">请选择</option> <option value="Java">Java</option> <option value="PHP">PHP</option> <option value="Jekyll">Jekyll</op

jquery新增,删除 ,修改,清空select中的option

jQuery获取Select选择的Text和Value: 1. var checkText=jQuery("#select_id").find("option:selected").text(); //获取Select选择的Text 2. var checkValue=jQuery("#select_id").val(); //获取Select选择的option Value 3. var checkIndex=jQuery("#sele

vue select中的option循环的时候,要使用 :value,不能使用 v-model

<select class="classColor" @change="select" v-model="selectValue"> <option v-for="(itema, index) in classSelect" :key="index" v-text="itema.class_name" :value="itema.id"><

jsp在select中的option中编写if标签

<select onchange="lxx(this)"> <option value="">全部</option> <option value="水电" <c:if test='${lx=="水电"}'>selected=selected</c:if> >水电</option> <option value="火电"

Android Studio 使用Intent实现页面的跳转(带参数)

不管是在APP,还是在网站中,页面之间的跳转都是很常见的,本文主要讲一下在APP中,如何通过Intent实现页面的跳转. 不带参数: 写在MainActivity页面的代码: 1 Intent intent = new Intent(); 2 intent.setClass(MainActivity.this, LoginActivity.class);//从MainActivity页面跳转至LoginActivity页面 3 this.startActivity(intent); 带参数: 写