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


Posted in Javascript onJanuary 06, 2011
<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"/>
Javascript 相关文章推荐
jquery 学习笔记 传智博客佟老师附详细注释
Sep 12 Javascript
js动态在form上插入enctype=multipart/form-data的问题
May 24 Javascript
jQuery实现鼠标可拖动调整表格列宽度
May 26 Javascript
jQuery图片切换插件jquery.cycle.js使用示例
Jun 16 Javascript
Javascript实现单张图片浏览
Dec 18 Javascript
jquery.cookie.js使用指南
Jan 05 Javascript
jquery实现简单的全选和反选功能
Jan 02 Javascript
JS控制div跳转到指定的位置的几种解决方案总结
Nov 05 Javascript
基于angular实现三级联动的生日插件
May 12 Javascript
Element-UI踩坑之Pagination组件的使用
Oct 29 Javascript
解决iview table组件里的 固定列 表格不自适应的问题
Nov 13 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
Feb 25 Javascript
神奇的7个jQuery 3D插件整理
Jan 06 #Javascript
jquery下为Event handler传递动态参数的代码
Jan 06 #Javascript
Jquery下判断Id是否存在的代码
Jan 06 #Javascript
jquery关于图形报表的运用实现代码
Jan 06 #Javascript
基于Jquery的简单图片切换效果
Jan 06 #Javascript
基于jquery的分页控件(C#)
Jan 06 #Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
Jan 06 #Javascript
You might like
第一个无线电台是由谁发明的
2021/03/01 无线电
PHP中使用Imagick读取pdf并生成png缩略图实例
2015/01/21 PHP
php判断表是否存在的方法
2015/06/18 PHP
php实现SAE上使用storage上传与下载文件的方法
2015/06/29 PHP
Javascript里使用Dom操作Xml
2006/09/20 Javascript
用nodejs访问ActiveX对象,以操作Access数据库为例。
2011/12/15 NodeJs
jquery 使用简明教程
2014/03/05 Javascript
JavaScript弹出窗口方法汇总
2014/08/12 Javascript
javascript 中__proto__和prototype详解
2014/11/25 Javascript
jQuery实现的多级下拉菜单效果代码
2015/08/24 Javascript
jQuery焦点图轮播效果实现方法
2016/12/19 Javascript
js实现加载页面就自动触发超链接的示例
2017/08/31 Javascript
JavaScript学习笔记之图片库案例分析
2019/01/08 Javascript
ES6中的迭代器、Generator函数及Generator函数的异步操作方法
2019/05/12 Javascript
vuex的使用步骤
2021/01/06 Vue.js
[04:28]DOTA2亚洲邀请赛小组赛第五日 TOP10精彩集锦
2015/02/03 DOTA
Python将阿拉伯数字转换为罗马数字的方法
2015/07/10 Python
Django中URL视图函数的一些高级概念介绍
2015/07/20 Python
Python与Java间Socket通信实例代码
2017/03/06 Python
Python实现发送QQ邮件的封装
2017/07/14 Python
对Python 2.7 pandas 中的read_excel详解
2018/05/04 Python
pandas 数据归一化以及行删除例程的方法
2018/11/10 Python
对python pandas读取剪贴板内容的方法详解
2019/01/24 Python
python 利用turtle模块画出没有角的方格
2019/11/23 Python
基于Python实现2种反转链表方法代码实例
2020/07/06 Python
几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍
2021/03/17 Javascript
纯CSS实现设置半个字符的样式
2014/07/03 HTML / CSS
Giglio德国网上精品店:奢侈品服装和配件
2016/09/23 全球购物
Hammitt官网:设计师手袋
2020/05/23 全球购物
亲属关系公证书
2014/04/08 职场文书
事业单位年度考核评语
2014/12/31 职场文书
2015年大学团支部工作总结
2015/05/13 职场文书
机关工会工作总结2015
2015/05/26 职场文书
幼儿园六一主持词
2015/06/30 职场文书
用Python提取PDF表格的方法
2021/04/11 Python
python实现图片批量压缩
2021/04/24 Python