基于jQuery的select下拉框选择触发事件实例分析
更新时间：2016年11月18日 11:59:59 作者：栁罗风尘
这篇文章主要介绍了基于jQuery的select下拉框选择触发事件实现方法,结合实例形式分析了常用浏览器对select触发事件的兼容及实现触发的相关技巧,需要的朋友可以参考下
本文实例讲述了基于jQuery的select下拉框选择触发事件实现方法。分享给大家供大家参考，具体如下：
我一直以来都认为，select 下拉框选择对选项 options 使用 onclick 注册事件即可，如下：
<select> <option value="0" onclick="func(0)">选项一</option> <option value="1" onclick="func(1)">选项二</option> </select>
今天有个要求需要做联动菜单，就是每点一次，相邻的下拉框会自动改变 ，我一想没问题啊，onclick走起
于是走上面的路线，客户还说了，IE8必须支持，我想想也是，XP的IE内核只能升到IE8，现在很多用户依然舍不得XP，但是它支持onclick啊，我在ff下试过了，一点问题没有，但是一切换IE8下，告诉你，一点反应没有。
然后多方查找资料，原来select 它的事件是注册在自己标签上的，不是onclick，而是onchange，子标签对低版本浏览器无效，而且也不是正规标准的写法。
<select onchange="func()> <option value="0" >选项一</option> <option value="1" >选项二</option> </select>
好，问题又来了，我传的参数怎么办？怎么接收参数
这不是问题，jQuery给你答案
function func(){
//获取被选中的option标签
var vs = $('select option:selected').val();
}
当然这里的 select 最好加个id 以便混淆，ok，问题解决，涨姿势了木有呢，哈哈。。。
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery表单(form)操作技巧总结》、《jQuery窗口操作技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
本章继续我们的JQuery选择器的学习旅程 首先照上一章一样，提供我学习用的例子2009-07-07
JQuery下的Live方法和$.browser方法使用代码
网站做好了，老师却要求要3级菜单，无奈只好去做3级菜单了。这次3级菜单的思路是在原有不变的基础上，对有3级菜单的ID，选择进入新的一个控件。在这个新的控件里用ajax去请求其3级目录里的东西。2010-06-06
这里所说的，用jquery去验证某一组多选至少要有一个选中，某一组单选至少有一个选中，，大家都知道单一的一个用js比较好验证，但是想要用jquery的验证并且用到jquery验证的提示信息，那么这就不好办了2013-08-08
下面小编就为大家带来一篇JQuery遍历元素的后代和同胞实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章主要介绍了jQuery异步提交表单实例,需要的朋友可以参考下2017-05-05
原生js实现addclass,removeclass,toggleclasss实例
下面小编就为大家带来一篇原生js实现addclass,removeclass,toggleclasss实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起 小编过来看看吧2016-11-11
本文给大家介绍的是一款jQuery插件--StickUp，他的主要用途是实现网页元素固定，如导航固定让其总是保持在视图中可见，效果非常不错，这里推荐给小伙伴们。2015-04-04
这篇文章主要为大家详细介绍了jquery自定义右键菜单、全选、不连续选择的相关资料,需要的朋友可以参考下2016-03-03
图片滚动效果想必大家都已司空见惯了吧，接下来本文介绍下jQuery+CSS实现图片滚动，感兴趣的你可不要错过了哈，希望可以帮助到你2013-03-03
这篇文章主要介绍了Laravel admin实现消息提醒、播放音频功能,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-07-07
最新评论