JavaScript 实现 Select Option 点击事件:兼容 IE 与 Firefox 的解决方案
作者:微光时间:2026-10-24 12:18:51浏览:191
本文介绍如何在 JavaScript 中为 Select 元素的 Option 添加点击事件,解决 IE 与 Firefox 浏览器的兼容性问题。通过自定义函数 simOptionClick4IE 和 showOptionValue 实现点击交互,并演示如何运行、复制及保存相关代码。
Select Option 点击事件兼容实现
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>select-option onclick </title> </head> <body> <select onclick="simOptionClick4IE()" style="width:235px; height:300px;margin-right:10px;border:1px solid #CFCDCD; background-color:#FFFFFF;font-family:'Arial'; font-size: 13px; color:#565553; font-style:normal; font-weight:normal; text-decoration:none"> <!-- 下面的 onclick="showOptionValue( this )" 是为 ff 和 opera而准备 --> <option value="1" onclick="showOptionValue( this )" >aaaaa</option> <option value="2" onclick="showOptionValue( this )" >bbbbb</option> <option value="3" onclick="showOptionValue( this )" >ccccc</option> </select> <div id="reslut" ></div> </body> </html>[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
运行测试下即可。
作者最新文章
JavaScript零基础入门:从环境搭建到运行第一段代码
2026-11-05 15:29:58
HTML链接中javascript:void(0)的作用及现代替代方案
2026-11-05 10:07:47
在线调试 JS 时怎么引入 jQuery 或 Vue 等第三方库
2026-11-05 08:53:56
原生JavaScript实现简易颜色选择器原理与代码
2026-11-03 23:22:19
JS原生表单序列化:FormData与URLSearchParams用法详解
2026-11-03 23:13:21
