最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
利用jquery给select加选中事件示例
时间：2022-11-14 22:03:11 编辑：袖梨 来源：一聚教程网
select在前端开发过程中很常用，现在我们要实现一个效果，那就是选中select中的某一项，执行事件，本来自己没怎么接触过这些，最后网上找了一些资料，自己研究了一下，把方法分享给大家，大家如果有需要的可以直接拿过去用，当然这个方法在脑残的IE里也是支持的。
我就演示一个简单的效果吧
我要实现select选中里面的第几条，下面相应的li变颜色，下面是html代码：
| 代码如下 | 复制代码 |
|
|
我这里就用jquery实现了，下面是代码：
| 代码如下 | 复制代码 |
| $('#sel').change(function () { $('.aaa').find('li').eq($(this).val()-1).addClass('cur').siblings().removeClass('cur') }) |
|
主要用到了一个change事件，然后改变给相应的li添加class。
PS 如果想要改变select默认的选择项，可以写成这样 $(‘#sel’).val(’2′)，默认就会选中第二条。
相关文章
- 四海兄弟故乡温弗雷多遗迹在哪拍 温弗雷多遗迹拍照位置一览 08-14
- 王者荣耀s40哪个英雄厉害 s40赛季强势英雄排行一览 08-14
- 龙魂旅人射手哪个强 射手强度排行介绍 08-14
- 诛仙2六字真言坐标是什么 六字真言中原奇遇完成攻略 08-14
- 四海兄弟故乡西西里工业变迁在哪拍 工业变迁拍照位置一览 08-14
- 龙魂旅人牧师哪个强 牧师强度排行一览 08-14