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操作表格(隔行着色,高亮显示,筛选数据)

    最近项目里对表格的操作比较多。以往我们要做一些效果的时候往往通过程序代码来实现,这个努力不值,因为JQuery是完全可以做到的,并且是客户端运行,不经过服务器处理,给用户的反应快,也减少了服务器压力
    2012-02-02
  • 简述jQuery ajax的执行顺序

    简述jQuery ajax的执行顺序

    jquery ajax的执行顺序大家在项目经常会颠倒,下面通过本文给大家介绍jquery ajax的执行顺序,涉及到jquery ajax执行顺序相关知识,对jquery ajax执行顺序相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • Easyui和zTree两种方式分别实现树形下拉框

    Easyui和zTree两种方式分别实现树形下拉框

    最近工作中需要用到树形下拉框,因为项目中树形结构使用的是zTree,效果不是很好看,于是想着使用easyui的comboTree,虽然效果达到了,但是风格和bootstrap不搭,下面把这两种方式的效果分享到脚本之家平台供大家参考
    2017-08-08
  • 使用jQuery和PHP实现类似360功能开关效果

    使用jQuery和PHP实现类似360功能开关效果

    本文介绍了使用jQuery、PHP和MySQL实现类似360安全卫士防火墙开启关闭的开关,可以将此功能应用在产品功能的开启和关闭功能上,需要的朋友可以参考下
    2014-02-02
  • jQuery根据表单name获取值的方法

    jQuery根据表单name获取值的方法

    这篇文章主要介绍了jQuery根据表单name获取值的方法,总结分析了jQuery获取表单值的常用技巧,涉及jQuery选择器的使用技巧,非常简单实用,需要的朋友可以参考下
    2016-05-05
  • jQuery实现的placeholder效果完整实例

    jQuery实现的placeholder效果完整实例

    这篇文章主要介绍了jQuery实现的placeholder效果,可实现输入框提示文字的功能,并且针对焦点的情况判定是否显示,非常简单实用,需要的朋友可以参考下
    2016-08-08
  • javascript特殊用法示例介绍

    javascript特殊用法示例介绍

    javascript特殊用法你知道吗?下面为大家介绍下与function函数相关的东西
    2013-11-11
  • jQuery插件Validate实现自定义校验结果样式

    jQuery插件Validate实现自定义校验结果样式

    这篇文章主要介绍了jQuery插件Validate实现自定义校验结果样式的方法,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 提取jquery的ready()方法单独使用示例

    提取jquery的ready()方法单独使用示例

    有一些功能需求,需要在DOM载入时马上执行一些函数,但又不愿意仅为了这一个需求而引入整个JQuery库,于是就把jQuery的方法提取出来,单独使用了
    2014-03-03
  • jquery1.83 之前所有与异步列队相关的模块详细介绍

    jquery1.83 之前所有与异步列队相关的模块详细介绍

    jQuery在1.5引入了Deferred对象(异步列队),当时它还没有划分为一个模块,放到核心模块中。直到1.52才分割出来
    2012-11-11

最新评论