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 (八) 插播:jQuery实施方案
本篇文章属于临时插播, 用于介绍我在本公司的jQuery实施方案.2011-02-02
after() 方法在被选元素后插入指定的内容2013-07-07
Jquery实现简单图片切换效果代码，需要的朋友可以参考下。2011-01-01
jQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件，该框架提供了创建网页所需的一切，帮助您轻松建立站点。本文给大家介绍JQuery EasyUI的一些常用组件，感兴趣的的朋友一起学习吧2017-07-07
“元素拖拽”顾名思义：拖动，移动，拽放。有很多的解释，而且在网上相关资料非常之多，本人在开发 AsyncBox 当中也用到此效果，借此分享，同时也是一种技术积累。2011-04-04
这篇文章主要介绍了jQuery动态添加元素无法触发绑定事件的解决方法,结合实例形式分析了动态添加元素无法绑定事件的原因与相关解决方法,需要的朋友可以参考下2018-01-01
这篇文章主要介绍了jQuery阻止事件冒泡的方法,结合实例形式分析了jQuery阻止事件冒泡的原理、常用实现方法,并结合完整实例形式分析了jQuery阻止事件冒泡的相关操作技巧,需要的朋友可以参考下2018-07-07
本篇文章主要是对点击回到页面顶部或是首页的功能进行了介绍，这是页面常用到的效果，需要的朋友可以过来参考下2016-11-11
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件HighCharts绘制的2D堆柱状图效果,结合完整实例形式分析了jQuery插件HighCharts绘制2D柱状图的实现技巧与相关注意事项,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
本篇文章主要介绍了ajax实现动态下拉框示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-01-01
最新评论