JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参_jquery

复制代码 代码如下:

<script src="jquery.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$('#mySelect').change(function(){
alert($(this).children('option:selected').val());
var p1=$(this).children('option:selected').val();//这就是selected的值
var p2=$('#param2').val();//获取本页面其他标签的值
window.location.href="xx.php?param1="+p1+"&param2="+p2+"";//页面跳转并传参
})
})
</script>

<select id="mySelect">
<option value="1">one</option>
<option value="2" selected="selected">two</option>
<option value="3">three</option>
</select>
<input type="text" value="ooo" name="param2" id="param2"/>

时间: 2024-11-08 19:09:58

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参_jquery的相关文章

在Firefox下js select标签点击无法弹出

在Firefox下js select标签点击无法弹出,在IE和CHROME下没有此现象 在项目中运用到了JQUERY UI,用到了其中的disableSelection()方法,这个方法是让页面上的指定元素无法通过鼠标拖拽进行选择. 由于某些需求,我在给div使用了此方法后,达到了上述效果,但是有不足的地方. 在Firefox下运用此方法后,div中的select方法点击之后将会无法弹出,在IE和CHROME下没有此现象.  

安卓系统浏览器中select下拉按钮无法弹出选择面板奇怪问题解决

今天遇到个让人崩溃的问题: 平台: 安卓 4.0 描述: 使用 appcan 开发 hybrid 应用,手机上点击下拉选框按钮无法弹出选择面板. 说明: 发现 webkit 内核 position:fixed; 和HTML的 select 标签有冲突, 只要 select 区域上(上方都不用说了被遮盖了肯定无效)或下方存在 固定定位 fixed 不论 z-index 层高为-1还是其它 都不会触发选项面板,但是click 和touch事件却依然可以触发. 搞了TMD一天,试了N多办法没想到却是个

在Firefox下js select标签点击无法弹出_javascript技巧

在项目中运用到了JQUERY UI,用到了其中的disableSelection()方法,这个方法是让页面上的指定元素无法通过鼠标拖拽进行选择. 由于某些需求,我在给div使用了此方法后,达到了上述效果,但是有不足的地方. 在Firefox下运用此方法后,div中的select方法点击之后将会无法弹出,在IE和CHROME下没有此现象.

jquery绑定onchange事件,弹出城市联动效果

html代码  代码如下 复制代码 <selectname="cityid"id="citylist"class="select"> <option>--选择意向城市--</option> <optionvalue="1182">杭州</option> <optionvalue="1183">绍兴</option> <

jQuery绑定和解绑点击事件及重复绑定解决办法

先简单说下jQuery绑定和解绑点击事件的方法,直接上代码:  代码如下 复制代码 $("#element").click(function(){}); //绑定点击事件函数 $("#element").unbind();        //解绑点击事件 $("#element").click(function(){});  //绑定其它函数 即,要对一个绑定过点击事件的元素绑定其它函数,需先对其解绑. 上面的代码看起来好简单,但是实际应用中却要

jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)_jquery

本文实例讲述了jquery实现仿新浪微博带动画效果弹出层代码.分享给大家供大家参考.具体如下: 这是一款jquery实现带动画的弹出层,最开始是模拟新浪微博中的弹出层,后来引入了jQuery,又想了想,加入点动画效果不知怎么样,后来就写出了这么一个弹出的网页层效果,你点击按钮后就可以看到一个渐出的可关闭的弹出层,点击关闭后,当然也是渐渐的消失的,移动时根据鼠标位置计算控件左上角的绝对位置,松开鼠标后停止移动并恢复成不透明. 运行效果截图如下: 在线演示地址如下: http://demo.jb51

jQuery点击自身以外地方关闭弹出层的简单实例

 本篇文章主要是对jQuery点击自身以外地方关闭弹出层的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 主要功能是点击显示,然后通过点击页面的任意位置都能关闭显示效果,主要是$(document).click的作用   开发过程中经常有一些弹出层,弹出后要在点击页面其他地方时自动关闭,下面是实现代码:   HTML代码:   代码如下: <div class="down">click</div> <div class="con

利用JQuery制作符合Web标准的QQ弹出消息

 本篇文章主要介绍了利用JQuery制作符合Web标准的QQ弹出消息.这里所说的弹出消息指的是在网页右下角升起又下去的那种框框,在这里用到了jQuery的自定义动画 这里所说的弹出消息指的是在网页右下角升起又下去的那种框框,在这里用到了jQuery的自定义动画,感觉这个自定义动画就是像flash里的形状和渐变动画一样,只要定义了开头和结尾的两个关键帧,中间的动画过程会自动完成,不用会jQuery的可去查下jQuery的帮助文档.    基本思路是这样子滴:首先弹出消息框其实就是一个div层,页面

jquery实现隐藏在左侧的弹性弹出菜单效果_jquery

本文实例讲述了jquery实现隐藏在左侧的弹性弹出菜单效果.分享给大家供大家参考.具体如下: 这是一款隐藏在左侧的弹性弹出菜单,从淘宝扣下来的,也可作为JavaScript缓冲动画的典型教程.本弹性菜单可扩展性强,实际上不光可以做成菜单,也可布局一些图文混排的内容或一段视频,总之被弹出的内容是在一段Div内,怎么布置就看你的了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-left-hidden-alert-adv-codes/