文档章节

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

飞扬的感觉
 飞扬的感觉
发布于 2017/02/10 13:50
字数 361
阅读 268
收藏 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
关于jsp里面select标签和jquery的一些问题!求大神~

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

上帝爱众生
2014/09/10
308
3
JS事件处理

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

AsuraDong
2017/11/19
0
0
thinkPHP使用中遇到的问题交流==

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

tremory
2016/06/27
16
0
EXT按钮事件

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

晨曦之光
2012/03/09
4.2K
0

没有更多内容

加载失败,请刷新页面

加载更多

Oracle return exit continue

常在循环体中看到下面3种语句: return exit continue 举例说明 啥都没有 -- none begin for i in 1 .. 10 loop if i < 5 then dbms_output.put_line('i < 5, i = ' || to_char......

taadis
59分钟前
2
0
JSONObject 转换时出错 InvocationTargetException

JSONObject 转换时出错java.lang.reflect.InvocationTargetException 一时看不出来是什么问题。 挺奇怪的。 百度参考了一下这个 网页的解决方案 说是类型不对,空? 仔细查看代码,果然是有一...

之渊
今天
3
0
no such module 'pop'问题

在github上 clone 了一个 swift 项目,编译时提示"no such module 'POP'"错误,查了一下居然是因为podfile中指定的最低版本是iOS 11.0,大于我测试手机的iOS版本10.3.3,将Podfile中的最低版...

yoyoso
今天
3
0
redis 系列一 -- 简介及安装

1.简介 redis -- remote dictionary server 远程字典服务 使用 C 语言编写; 高性能的 key-value数据库; 内存数据库,支持数据持久化。 Redis 是一个开源(BSD许可)的,内存中的数据结构存...

imbiao
今天
4
0
nginx log记录请求响应时间

有时为了方便分析接口性能等,需要记录请求的时长,通过修改nginx的日志格式可以做到,如 添加一个新的log_format log_format timed_combined '$remote_addr - $remote_user [$time_local] "...

swingcoder
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部