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 相关文章推荐
做网页的一些技巧
Feb 01 Javascript
javascript  删除select中的所有option的实例
Sep 17 Javascript
js正则表达式校验指定字符串的方法
Jul 23 Javascript
vue动态设置img的src路径实例
Sep 18 Javascript
微信小程序tabbar底部导航
Nov 05 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
Nov 15 Javascript
vue-router beforeEach跳转路由验证用户登录状态
Dec 26 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
Sep 05 Javascript
vue中@change兼容问题详解
Oct 25 Javascript
微信小程序动态设置图片大小的方法
Nov 21 Javascript
微信小程序按顺序同步执行的两种方式
Dec 20 Javascript
Vue引入Stylus知识点总结
Jan 16 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
PHP写的求多项式导数的函数代码
2012/07/04 PHP
php中curl使用指南
2015/02/05 PHP
CI框架(CodeIgniter)公共模型类定义与用法示例
2017/08/10 PHP
PHP基础之输出缓冲区基本概念、原理分析
2019/06/19 PHP
某人初学javascript的时候写的学习笔记
2010/12/30 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
2011/08/28 Javascript
关闭时刷新父窗口两种方法
2014/05/07 Javascript
gridview生成时如何去掉style属性中的border-collapse
2014/09/30 Javascript
jQuery中ajax的load()与post()方法实例详解
2016/01/05 Javascript
浅析JavaScript中浏览器的兼容问题
2016/04/19 Javascript
JavaScript实现倒计时跳转页面功能【实用】
2016/12/13 Javascript
Express进阶之log4js实用入门指南
2018/02/10 Javascript
深入浅析javascript函数中with
2018/10/28 Javascript
小试小程序云开发(小结)
2019/06/06 Javascript
JavaScript制作3D旋转相册
2020/08/02 Javascript
微信小程序自定义navigationBar顶部导航栏适配所有机型(附完整案例)
2020/04/26 Javascript
python模拟新浪微博登陆功能(新浪微博爬虫)
2013/12/24 Python
从零学python系列之浅谈pickle模块封装和拆封数据对象的方法
2014/05/23 Python
Pandas统计重复的列里面的值方法
2019/01/30 Python
python实现淘宝购物系统
2019/10/25 Python
python输出pdf文档的实例
2020/02/13 Python
Python使用plt.boxplot() 参数绘制箱线图
2020/06/04 Python
用Python实现童年贪吃蛇小游戏功能的实例代码
2020/12/07 Python
使用Django的JsonResponse返回数据的实现
2021/01/15 Python
HTML5 新表单类型示例代码
2018/03/20 HTML / CSS
GUESS盖尔斯法国官网:美国时尚品牌
2016/09/23 全球购物
不同浏览器创建XMLHttpRequest方法有什么不同
2014/11/17 面试题
财务会计专业推荐信
2013/11/30 职场文书
人事任命书怎么写
2014/06/05 职场文书
2014年教师业务工作总结
2014/12/19 职场文书
数学考试作弊检讨书300字
2015/02/16 职场文书
保险内勤岗位职责
2015/04/13 职场文书
mysql优化
2021/04/06 MySQL
解决Python字典查找报Keyerror的问题
2021/05/26 Python
MySQL8.0无法启动3534的解决方法
2021/06/03 MySQL
浅谈sql_@SelectProvider及使用注意说明
2021/08/04 Java/Android