这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
这篇文章主要介绍了基于 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 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0512/330392.html