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增加了并扩展了基本的事件处理机制,不但提供了更加优雅的事件处理语法,而且极大地增强了事件处理能力。本文将对此进行详细介绍,需要的朋友一起来看下吧
    2016-12-12
  • 22点关于jquery性能优化的建议

    22点关于jquery性能优化的建议

    讨论 jQuery 和 javascript 性能的文章并不罕见。然而,本文我计划总结一些速度方面的技巧和我本人的一些建议,来提升你的 jQuery 和 javascript 代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。
    2014-05-05
  • jQuery实现灰蓝风格标准二级下拉菜单效果代码

    jQuery实现灰蓝风格标准二级下拉菜单效果代码

    这篇文章主要介绍了jQuery实现灰蓝风格标准二级下拉菜单效果代码,涉及jquery鼠标mouseover事件控制页面元素样式动态变换的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • Jquery实现图片左右自动滚动示例

    Jquery实现图片左右自动滚动示例

    图片左右滚动的效果想必大家都有见到过吧,其实很简单。在本文将为大家介绍下使用Jquery是如何实现图片左右自动滚动的,感兴趣的朋友可以参考下
    2013-09-09
  • 基于jquery的$.ajax async使用

    基于jquery的$.ajax async使用

    默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行
    2011-10-10
  • jQuery+css实现炫目的动态块漂移效果

    jQuery+css实现炫目的动态块漂移效果

    这篇文章主要介绍了jQuery+css实现的动态块漂移效果,涉及jQuery基于随机数与时间函数动态操作页面元素样式的相关技巧,需要的朋友可以参考下
    2016-01-01
  • jQuery+CSS3实现树叶飘落特效

    jQuery+CSS3实现树叶飘落特效

    本文给大家分享的是一段使用jQuery+CSS3实现树叶飘落特效的代码,效果非常不错,分享给大家,希望大家能够喜欢
    2015-02-02
  • jquery pagination分页插件使用详解(后台struts2)

    jquery pagination分页插件使用详解(后台struts2)

    这篇文章主要为大家详细介绍了jquery pagination 分页插件的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • jquery中使用$(#form).submit()重写提交表单无效原因分析及解决

    jquery中使用$(#form).submit()重写提交表单无效原因分析及解决

    jqeury的validationEngine做ajax校验,当表单中的最后一个字段需要做ajax验证,在字段输入完毕后点击回车提交表单时不起作用,接下来为大家介绍下解决方法感兴趣的各位可以参考下哈
    2013-03-03
  • jQuery基于json与cookie实现购物车的方法

    jQuery基于json与cookie实现购物车的方法

    这篇文章主要介绍了jQuery基于json与cookie实现购物车的方法,涉及jQuery操作json格式数据与cookie存储购物车信息的相关技巧,需要的朋友可以参考下
    2016-04-04

最新评论