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 相关文章推荐
用javascript实现的支持lrc歌词的播放器
May 17 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
Apr 04 Javascript
jQuery实现自定义右键菜单的树状菜单效果
Sep 02 Javascript
Vuejs实现带样式的单文件组件新方法
May 02 Javascript
基于JS实现移动端左滑删除功能
Jul 28 Javascript
React Native时间转换格式工具类分享
Oct 24 Javascript
vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
Nov 29 Javascript
利用Vue构造器创建Form组件的通用解决方法
Dec 03 Javascript
vue插槽slot的理解和使用方法
Apr 03 Javascript
详解javascript对数组和json数组的操作
Apr 15 Javascript
浅谈VUE防抖与节流的最佳解决方案(函数式组件)
May 22 Javascript
微信小程序实现底部弹出模态框
Nov 18 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
索尼SONY SRF-S83/84电路分析和打磨
2021/03/02 无线电
javascript之可拖动的iframe效果代码
2008/08/01 Javascript
javascript入门基础之私有变量
2010/02/23 Javascript
验证javascript中Object和Function的关系的三段简单代码
2010/06/27 Javascript
script不刷新页面的联动前后代码
2013/09/18 Javascript
Javascript实现单张图片浏览
2014/12/18 Javascript
JavaScript使用位运算符判断奇数和偶数的方法
2015/06/01 Javascript
IScroll5 中文API参数说明和调用方法
2016/05/21 Javascript
javascript正则表达式中分组详解
2016/07/17 Javascript
JavaScript新增样式规则(推荐)
2016/07/19 Javascript
Angular懒加载机制刷新后无法回退的快速解决方法
2016/08/30 Javascript
javascript中的深复制详解及实例分析
2016/12/29 Javascript
easyUI下拉列表点击事件使用方法
2017/05/18 Javascript
Node.js中多进程模块Cluster的介绍与使用
2017/05/27 Javascript
利用babel将es6语法转es5的简单示例
2017/12/01 Javascript
angularjs实现分页和搜索功能
2018/01/03 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
2018/01/12 Javascript
原生js实现的金山打字小游戏(实例代码详解)
2020/03/16 Javascript
Node.js API详解之 console模块用法详解
2020/05/12 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
2020/07/20 Javascript
浅谈vue 二级路由嵌套和二级路由高亮问题
2020/08/06 Javascript
[51:53]完美世界DOTA2联赛决赛日 Inki vs LBZS 第二场 11.08
2020/11/10 DOTA
Python with用法实例
2015/04/14 Python
pycharm debug功能实现跳到循环末尾的方法
2018/11/29 Python
通过PHP与Python代码对比的语法差异详解
2019/07/10 Python
Python多线程多进程实例对比解析
2020/03/12 Python
基于python实现可视化生成二维码工具
2020/07/08 Python
工作失误检讨书范文大全
2014/01/13 职场文书
共产党员公开承诺书
2014/03/25 职场文书
竞选部长演讲稿
2014/04/26 职场文书
工程售后服务承诺书
2014/05/21 职场文书
重阳节标语大全
2014/10/07 职场文书
单位委托函范文
2015/01/29 职场文书
明确岗位职责
2015/02/14 职场文书
党校团干班培训心得体会
2016/01/06 职场文书
如何利用Python实现一个论文降重工具
2021/07/09 Python