文档章节

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

飞扬的感觉
 飞扬的感觉
发布于 2017/02/10 13:50
字数 361
阅读 297
收藏 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
0
JS事件处理

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

AsuraDong
2017/11/19
0
0
input text 的事件及方法

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

柠檬酷
2015/07/23
0
0
thinkPHP使用中遇到的问题交流==

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

tremory
2016/06/27
16
0
关于jsp里面select标签和jquery的一些问题!求大神~

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

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

没有更多内容

加载失败,请刷新页面

加载更多

使用 React 和 Vue 创建相同的应用,他们有什么差异?

在工作中应用 Vue 之后,我对它有了相当深刻的理解。 不过,俗话说「外国的月亮比较圆」,我好奇「外国的」 React 是怎么样的。 我阅读了 React 文档并观看了一些教程视频,虽然它们很棒,但...

阿K1225
11分钟前
0
0
如何使用Kubernetes的configmap通过环境变量注入到pod里

在Kubernetes官网里,有这样一篇文章,提到了Kubernetes里的一个最佳实践就是把应用代码同配置信息分开,一种方式就是使用Kubernetes 1.2里引入的configmap概念。 https://kubernetes.io/bl...

JerryWang_SAP
27分钟前
0
0
2天闭门培训|以太坊智能合约从入门到实战(北京)

2天培训 16个课时 探寻技术原理,精通以太坊智能合约开发 以太坊智能合约是现在应用的最广泛的区块链应用开发方式,HiBlock区块链社区针对以太坊智能合约的学习特别推出2天闭门研修班,通过2...

HiBlock
30分钟前
0
0
限定某个目录禁止解析php,限制user_agent,php相关配置

11月20日任务 11.28 限定某个目录禁止解析php 11.29 限制user_agent 11.30/11.31 php相关配置 1.限定某个目录禁止解析php 核心配置文件内容 <Directory /data/wwwroot/www.123.com/upload> p...

hhpuppy
40分钟前
2
0
Spring的好文章

孤傲苍狼 https://www.cnblogs.com/xdp-gacl/p/4249939.html 跟我学spring http://jinnianshilongnian.iteye.com/blog/1413846 SpringIoc 和Spring Aop 代理模式: 静态代理 动态代理 cglib代......

wangwei2134
52分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部