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+"¶m2="+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实现翻动fadeIn显示的方法
这篇文章主要介绍了jquery实现翻动fadeIn显示的方法,实例分析了jQuery中fadeIn方法的使用技巧,需要的朋友可以参考下
2015-03-03
jQuery 表格隔行变色代码[修正注释版]
代码比较精简，大家可以了解下jquery的对象控制方法
2008-11-11
jQuery实现网站添加高亮突出显示效果的方法
这篇文章主要介绍了jQuery实现网站添加高亮突出显示效果的方法,涉及jQuery针对页面元素与样式的操作技巧,需要的朋友可以参考下
2015-06-06
jQuery表格行上移下移和置顶的实现方法
这篇文章主要介绍了jQuery表格行上移下移和置顶的实现方法，需要的朋友可以参考下
2015-10-10
jQuery解析Json实例详解
这篇文章主要介绍了jQuery解析Json的方法,结合实例形式较为详细的分析了jQuery针对json的常用解析与转换技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-11-11
jQuery.getScript加载同域JS的代码
jQuery.getScript加载同域JS为xhr请求，导致firebug不能正常读取js，因此不能够断点该js
2012-02-02
Jquery数独游戏解析（一）-页面布局
上周发布了‘jquery开发的数独游戏’，下载量很多评论的人很少。近期会将主要的开发思路整理出来与大家交流，非常希望与大家通过这个例子共同探讨和学习。
2010-11-11
当jquery ajax遇上401请求的解决方法
下面小编就为大家带来一篇当jquery ajax遇上401请求的解决方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-05-05
jquery移动点击的项目到列表最顶端的方法
这篇文章主要介绍了jquery移动点击的项目到列表最顶端的方法,涉及jQuery针对页面元素的操作技巧,需要的朋友可以参考下
2015-06-06
jquery实现图片切换代码
这篇文章主要为大家详细介绍了jquery实现图片切换代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-10-10