文档章节

关于select 被选中触发事件,onclick事件失效问题

飞扬的感觉
 飞扬的感觉
发布于 2017/02/10 13:50
字数 361
阅读 221
收藏 0
点赞 0
评论 0

关于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,问题解决,涨姿势了木有呢,哈哈。。。

本文转载自:http://blog.csdn.net/ciba_y/article/details/50586534

共有 人打赏支持
飞扬的感觉
粉丝 1
博文 17
码字总数 4374
作品 0
海淀
前端工程师
JS 事件入门

事件介绍 事件一般是用于浏览器和用户操作进行交互。最早是 IE 和 Netscape Navigator 中出现, 作为分担服务器端运算负载的一种手段。直到几乎所有的浏览器都支持事件处理。而 DOM2 级规范开...

菜鸟不菜么 ⋅ 2017/11/12 ⋅ 0

关于jsp里面select标签和jquery的一些问题!求大神~

我现在要做一个二级联动,页面如图: 在属性一栏里面先靠后台传来的第一组数据做的值,然后在通过触发第一组的数据联动第二组的数据,通过json把第二组的数据也显示出来,但是上网查了一下,...

上帝爱众生 ⋅ 2014/09/10 ⋅ 3

JS事件处理

[toc] 实例:计时器和计算器 鼠标点击事件 onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onclick事件调用的程序块就会被执行,通常与按钮一起使用。 鼠标经过事件 鼠标...

AsuraDong ⋅ 2017/11/19 ⋅ 0

thinkPHP使用中遇到的问题交流==

一、select标签。 关于“thinkphp的html:select如何使用”,看了几篇博客,类似http://www.jinmozhe.com/website-design/taglibhtmlthinkphp1366860635.html。看起来很简单,差不多一个意思,...

tremory ⋅ 2016/06/27 ⋅ 0

EXT按钮事件

在EXT中,当我们要为按钮点击添加处理function的时候,可以看到一般人的实现分成2类: 1.使用onClick: function xx() 2.使用handler: function xx() 完成后,我们会发现,无论用哪一种实现,...

晨曦之光 ⋅ 2012/03/09 ⋅ 0

input text 的事件及方法

事件 描述 onactivate 当对象设置为活动元素时触发。 onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbe...

柠檬酷 ⋅ 2015/07/23 ⋅ 0

在回调函数增加了onClick事件后,双击展开事件失效

callback: { beforeDrag: beforeDrag, beforeRemove: beforeRemove, beforeRename: beforeRename, onRemove: onRemove, onRename: onRename, onClick: onClick }在demo edit_super.html上直接......

噜哥 ⋅ 2011/12/31 ⋅ 6

前台按钮点击没有反应,onclick事件无法作用(JS事件失效)

工作中遇到一个非常奇怪的问题,JS的onclick事件无法起作用! 前台页面如上,点击上一步的时候可以回到上一步,但点击下一步的时候却没有任何反应。碰到这种问题,首先检查的是语法。 从上图...

sprouting ⋅ 2016/05/27 ⋅ 1

JS:各种不同事件触发条件。onClick,onBlur等

JS:1.6,事件(Event)(onclick,onchange,onload,onunload,onfocus,onblur,onselect,onmuse) ylbtech-Event:事件(Event)对象 事件(Event) HTML 4.0 事件属性 onclick onchange onload on......

筱飞 ⋅ 2016/03/15 ⋅ 0

JS_stopPropagation, preventDefault 和 return false

因为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是 stopPropagation(), prevent...

喵王不瞌睡 ⋅ 2014/12/07 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Greys Java在线问题诊断工具

Greys是一个JVM进程执行过程中的异常诊断工具。 在不中断程序执行的情况下轻松完成JVM相关问题排查工作 目标群体 有时候突然一个问题反馈上来,需要入参才能完成定位,但恰恰没有任何日志。回...

素雷 ⋅ 17分钟前 ⋅ 0

git从远程仓库拉取代码的常用指令

一种(比较麻烦的)拉代码的方法 git clone //克隆代码库,与远程代码库的主干建立连接,如果主干已经在就不用再clone啦,克隆路径为当前路径下的新创建的文件夹 git checkout -b //本地建立...

Helios51 ⋅ 31分钟前 ⋅ 0

005. 深入JVM学习—Java堆内存参数调整

1. JVM整体内存调整图解(调优关键) 实际上每一块子内存区域都会存在一部分可变伸缩区域,其基本流程:如果内存空间不足,则在可变的范围之内扩大内存空间,当一段时间之后,内存空间不紧张...

影狼 ⋅ 36分钟前 ⋅ 0

内存障碍: 软件黑客的硬件视图

此文为笔者近日有幸看到的一则关于计算机底层内存障碍的学术论文,并翻译(机译)而来[自认为翻译的还行],若读者想要英文原版的论文话,给我留言,我发给你。 内存障碍: 软件黑客的硬件视图...

Romane ⋅ 今天 ⋅ 0

SpringCloud 微服务 (七) 服务通信 Feign

壹 继续第(六)篇RestTemplate篇 做到现在,本机上已经有注册中心: eureka, 服务:client、order、product 继续在order中实现通信向product服务,使用Feign方式 下面记录学习和遇到的问题 贰 or...

___大侠 ⋅ 今天 ⋅ 0

gitee、github上issue标签方案

目录 [TOC] issue生命周期 st=>start: 开始e=>end: 结束op0=>operation: 新建issueop1=>operation: 评审issueop2=>operation: 任务负责人执行任务cond1=>condition: 是否通过?op3=>o......

lovewinner ⋅ 今天 ⋅ 0

浅谈mysql的索引设计原则以及常见索引的区别

索引定义:是一个单独的,存储在磁盘上的数据库结构,其包含着对数据表里所有记录的引用指针. 数据库索引的设计原则: 为了使索引的使用效率更高,在创建索引时,必须考虑在哪些字段上创建索...

屌丝男神 ⋅ 今天 ⋅ 0

String,StringBuilder,StringBuffer三者的区别

这三个类之间的区别主要是在两个方面,即运行速度和线程安全这两方面。 首先说运行速度,或者说是, 1.执行速度 在这方面运行速度快慢为:StringBuilder(线程不安全,可变) > StringBuffer...

时刻在奔跑 ⋅ 今天 ⋅ 0

java以太坊开发 - web3j使用钱包进行转账

首先载入钱包,然后利用账户凭证操作受控交易Transfer进行转账: Web3j web3 = Web3j.build(new HttpService()); // defaults to http://localhost:8545/Credentials credentials = Wallet......

以太坊教程 ⋅ 今天 ⋅ 0

Oracle全文检索配置与实践

Oracle全文检索配置与实践

微小宝 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部