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

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

  1. 按钮绑定点击事件-onClick事件

    按钮绑定点击事件-onClick事件 <button type="submit" id="btn">btn</button> 1. 第一 ...

  2. JavaScript获取元素与绑定事件onclick事件

    获取元素的方法: 1.window.document.getElementById(id字符串) 通过id名称获取,window可以不写,只能得到页面中带有指定ID的第一个元素 2.document. ...

  3. js按钮触发网页提醒_js触发asp.net的Button的Onclick事件应用

    在asp.net引入事件驱动之后,在一个页面上很容易解决多个按钮触发不同事件的问题,避免了在asp中需要多个form或者通过js脚本来控制的麻烦. asp.net带来便利的同时,也带来一个问题.在实际 ...

  4. js触发asp.net的Button的Onclick事件

    在asp.net引入事件驱动之后,在一个页面上很容易解决多个按钮触发不同事件的问题,避免了在asp中需要多个form或者通过js脚本来控制 的麻烦. asp.net带来便利的同时,也带来一个问题.在实 ...

  5. html里面onclick属性是什么,html中onclick事件属性定义与用法

    在前端网页设计时,离不开一些动态事件的交互,比如提交数据,登录,注册等等.这事件一般都需要通过HTML onclick事件的调用,这篇文章重点介绍一下 onclick事件的定义与用法 onclick事 ...

  6. html5onclick跳转,html中onclick事件属性定义与用法

    在前端网页设计时,离不开一些动态事件的交互,比如提交数据,登录,注册等等.这事件一般都需要通过HTML onclick事件的调用,这篇文章重点介绍一下 onclick事件的定义与用法 onclick事 ...

  7. php input onclick,html中onclick事件属性定义与用法

    在前端网页设计时,离不开一些动态事件的交互,比如提交数据,登录,注册等等.这事件一般都需要通过HTML onclick事件的调用,这篇文章重点介绍一下 onclick事件的定义与用法 onclick事 ...

  8. 鼠标事件php,事件类型——鼠标事件(示例代码)

    click:点击鼠标左键或者按下回车键触发.onclick事件处理程序也同样可以通过这两个方式执行. dbclick:DOM3级事件.双击鼠标左键. mousedown:单击鼠标左键. mouseup ...

  9. 实现 select中指定option选中触发事件

    实现 select中指定option选中触发事件 我们在用到下拉列表框select时,需要对选中的<option>选项触发事件,其实<option>本身没有触发事件方法,我们只 ...

最新文章

  1. UI培训教程分享:Ui设计的细节规范有哪些需要注意?
  2. OpenVAS漏洞扫描基础教程之连接OpenVAS服务
  3. 由于Eclipse版本不符造成的异常
  4. 20年IT老兵分享:账务系统设计及应用--转
  5. vuejs 过渡效果
  6. 2021年周边游数据报告
  7. modelandview为null的原因_一千个不用 Null 的理由!
  8. 半自动驾驶大对决:特斯拉和凯迪拉克谁是真王
  9. FFmpeg推流以后自动结束的方法
  10. 基于51单片机的对讲机原理图PCB程序设计
  11. 19|雨季来临,聊些轻松的吧
  12. Eason Chan
  13. java中私有变量和方法_Java 私有变量和私有方法
  14. Python OpenCV 图片滑块验证码 滑块图片验证码 快速自动识别方案 代码简单 模板匹配识别 识别成功率达90%+
  15. vue在一个方法执行完后执行另一个方法
  16. 微信小程序存在的风险_微信小程序存在哪些风险
  17. WSFederation 身份验证模块概述
  18. Linux之cmatrix软件安装及使用
  19. 将mathpix截取的公式转到word
  20. 【Latex】制作演示文档或者课程报告 - 制作课程报告(三)

热门文章

  1. Win11:无法枚举容器中的对象 访问被拒绝
  2. 下载python的步骤ios_python苹果安装教程,ipad上怎么安装python?
  3. 中国城市基础设施建设大会开幕 聚焦智慧城市发展
  4. CCPC-WannaFly-Camp 1057: Kimi to Kanojo to Kanojo no Koi(構造)
  5. 一起读Java编程思想(2)---构造器的初始化与清理
  6. 太原科技大学2021计算机调剂,2021年太原科技大学机械工程研究生调剂信息
  7. xyz三维坐标系怎么画?
  8. Matlab 基于肤色的人脸检测定位
  9. uniapp+web项目服务器维护缺省页跨端通用
  10. vue2.0银行卡选择