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 相关文章推荐
28个JS验证函数收集
Mar 02 Javascript
JavaScript继承方式实例
Oct 29 Javascript
Jquery 例外被抛出且未被接住原因介绍
Sep 04 Javascript
JS实现让网页背景图片斜向移动的方法
Feb 25 Javascript
jQuery实现定时读取分析xml文件的方法
Jul 16 Javascript
js实现文件上传表单域美化特效
Nov 02 Javascript
JavaScript生成二维码图片小结
Dec 27 Javascript
JQuery中attr属性和jQuery.data()学习笔记【必看】
May 18 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
Feb 20 Javascript
Vue实现验证码功能
Dec 03 Javascript
vue Cli 环境删除与重装教程 - 版本文档
Sep 11 Javascript
vue从后台渲染文章列表以及根据id跳转文章详情详解
Dec 14 Vue.js
神奇的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
多重?l件?合查?(一)
2006/10/09 PHP
在线增减.htpasswd内的用户
2006/10/09 PHP
PHP安全配置
2006/12/06 PHP
PHP伪静态写法附代码
2008/06/20 PHP
用PHP的ob_start() 控制您的浏览器cache
2009/08/03 PHP
深入php常用函数的使用汇总
2013/06/08 PHP
php类中的$this,static,final,const,self这几个关键字使用方法
2015/12/14 PHP
PHP随机获取未被微信屏蔽的域名(微信域名检测)
2017/03/19 PHP
jQuery.prototype.init选择器构造函数源码思路分析
2013/02/05 Javascript
用javascript替换URL中的参数值示例代码
2014/01/27 Javascript
jQuery中unbind()方法用法实例
2015/01/19 Javascript
文字垂直滚动之javascript代码
2015/07/29 Javascript
WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现
2016/01/12 Javascript
使用vue.js制作分页组件
2016/06/27 Javascript
详解webpack进阶之loader篇
2017/08/23 Javascript
EasyUI创建人员树的实例代码
2017/09/15 Javascript
浅析从vue源码看观察者模式
2018/01/29 Javascript
vue iView 上传组件之手动上传功能
2018/03/16 Javascript
Bootstrap标签页(Tab)插件切换echarts不显示问题的解决
2018/07/13 Javascript
JavaScript中遍历的十种方法总结
2020/12/15 Javascript
[50:54]完美世界DOTA2联赛 GXR vs IO 第三场 11.07
2020/11/10 DOTA
python的exec、eval使用分析
2017/12/11 Python
Python使用pip安装pySerial串口通讯模块
2018/04/20 Python
python合并已经存在的sheet数据到新sheet的方法
2018/12/11 Python
python 实现selenium断言和验证的方法
2019/02/13 Python
Python面向对象之Web静态服务器
2019/09/03 Python
美国创意礼品网站:UncommonGoods
2017/02/03 全球购物
命名空间(namespace)和程序集(Assembly)有什么区别
2015/09/25 面试题
施工资料员岗位职责
2014/01/06 职场文书
医院实习介绍信
2014/01/12 职场文书
大学生自我评价范文分享
2014/02/21 职场文书
个人廉洁自律承诺书
2014/03/27 职场文书
人力资源管理专业自荐信
2014/06/24 职场文书
pytorch通过训练结果的复现设置随机种子
2021/06/01 Python
Python+SeaTable实现计算两个日期间的工作日天数
2022/07/07 Python
Nginx 502 bad gateway错误解决的九种方案及原因
2022/08/14 Servers