文档章节

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

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

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

AsuraDong
2017/11/19
0
0
JS 事件入门

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

菜鸟不菜么
2017/11/12
0
0
关于jsp里面select标签和jquery的一些问题!求大神~

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

上帝爱众生
2014/09/10
325
3
thinkPHP使用中遇到的问题交流==

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

tremory
2016/06/27
16
0
在回调函数增加了onClick事件后,双击展开事件失效

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

噜哥
2011/12/31
1K
6

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周一乱弹 —— 白掌柜说了卖货不卖身

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @爱漫爱 :这是一场修行分享羽肿的单曲《Moony》 手机党少年们想听歌,请使劲儿戳(这里) @clouddyy :开不开心? 开心呀, 我又不爱睡懒觉…...

小小编辑
今天
8
0
大数据教程(11.7)hadoop2.9.1平台上仓库工具hive1.2.2搭建

上一篇文章介绍了hive2.3.4的搭建,然而这个版本已经不能稳定的支持mapreduce程序。本篇博主将分享hive1.2.2工具搭建全过程。先说明:本节就直接在上一节的hadoop环境中搭建了! 一、下载apa...

em_aaron
今天
2
0
开始看《JSP&Servlet学习笔记》

1:WEB应用简介。其中1.2.1对Web容器的工作流程写得不错 2:编写Servlet。搞清楚了Java的Web目录结构,以及Web.xml的一些配置作用。特别是讲了@WebServlet标签 3:请求与响应。更细致的讲了从...

max佩恩
今天
4
0
mysql分区功能详细介绍,以及实例

一,什么是数据库分区 前段时间写过一篇关于mysql分表的的文章,下面来说一下什么是数据库分区,以mysql为例。mysql数据库中的数据是以文件的形势存在磁盘上的,默认放在/mysql/data下面(可...

吴伟祥
今天
3
0
SQL语句查询

1.1 排序 通过order by语句,可以将查询出的结果进行排序。放置在select语句的最后。 格式: SELECT * FROM 表名 ORDER BY 排序字段ASC|DESC; ASC 升序 (默认) DESC 降序 1.查询所有商品信息,...

stars永恒
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部