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

更新时间：2011年01月06日 23:49:46 转载作者：

JQuery 绑定select标签的onchange事件，弹出选择的值，并实现跳转、传参（selected的值和页面其它元素的值）

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

您可能感兴趣的文章:

JQuery操作表格(隔行着色,高亮显示,筛选数据)
最近项目里对表格的操作比较多。以往我们要做一些效果的时候往往通过程序代码来实现，这个努力不值，因为JQuery是完全可以做到的，并且是客户端运行，不经过服务器处理，给用户的反应快，也减少了服务器压力
2012-02-02
简述jQuery ajax的执行顺序
jquery ajax的执行顺序大家在项目经常会颠倒，下面通过本文给大家介绍jquery ajax的执行顺序，涉及到jquery ajax执行顺序相关知识，对jquery ajax执行顺序相关知识感兴趣的朋友一起学习吧
2016-01-01
Easyui和zTree两种方式分别实现树形下拉框
最近工作中需要用到树形下拉框，因为项目中树形结构使用的是zTree，效果不是很好看，于是想着使用easyui的comboTree，虽然效果达到了，但是风格和bootstrap不搭，下面把这两种方式的效果分享到脚本之家平台供大家参考
2017-08-08
使用jQuery和PHP实现类似360功能开关效果
本文介绍了使用jQuery、PHP和MySQL实现类似360安全卫士防火墙开启关闭的开关，可以将此功能应用在产品功能的开启和关闭功能上,需要的朋友可以参考下
2014-02-02
jQuery根据表单name获取值的方法
这篇文章主要介绍了jQuery根据表单name获取值的方法,总结分析了jQuery获取表单值的常用技巧,涉及jQuery选择器的使用技巧,非常简单实用,需要的朋友可以参考下
2016-05-05
jQuery实现的placeholder效果完整实例
这篇文章主要介绍了jQuery实现的placeholder效果,可实现输入框提示文字的功能,并且针对焦点的情况判定是否显示,非常简单实用,需要的朋友可以参考下
2016-08-08
javascript特殊用法示例介绍
javascript特殊用法你知道吗？下面为大家介绍下与function函数相关的东西
2013-11-11
jQuery插件Validate实现自定义校验结果样式
这篇文章主要介绍了jQuery插件Validate实现自定义校验结果样式的方法，感兴趣的小伙伴们可以参考一下
2016-01-01
提取jquery的ready()方法单独使用示例
有一些功能需求，需要在DOM载入时马上执行一些函数，但又不愿意仅为了这一个需求而引入整个JQuery库，于是就把jQuery的方法提取出来，单独使用了
2014-03-03
jquery1.83 之前所有与异步列队相关的模块详细介绍
jQuery在1.5引入了Deferred对象（异步列队），当时它还没有划分为一个模块，放到核心模块中。直到1.52才分割出来
2012-11-11