ie chrome 跟 火狐 中 select 下拉框 option中不支持onclick事件的解决办法

最新推荐文章于 2023-01-29 15:35:51 发布
原创 最新推荐文章于 2023-01-29 15:35:51 发布 · 3.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#火狐 #chrome #select #ie

本文介绍了在IE、Chrome及Firefox浏览器中，如何为HTML的select元素设置onchange事件来替代不被支持的onclick事件。通过示例代码展示了一种简单有效的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

ie 跟 chrome 中 select 下拉框 option 不支持onclick事件 可以用onchange事件

 <select onchange="test(this.options[this.selectedIndex].value);">

 <option value="1">option1</option>

 <option value="2">option1</option>

</select>


经本人亲测,兼容ie chrome 跟火狐，Mark下

170_web服务器_两个需求【1-】获取虚拟机上数据库数据显示到网页 【2-】网页下拉框数据，发送到MQTT服务器上【html实现网页，.js实现内在，.cgi实现内核】
HanLongXia的博客
11-01 382
实例： html：–两个功能一起实现在网页（表面） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>zigbee网页</title> </head> <script type="text/javascript" src="ip.js"></script> <b
Selenium自动化之点击下拉框选项操作
DansonC的博客
08-09 4814
#点击下拉框选项 option.click() import unittest import time from selenium import webdriver class VisitSogouByIE(unittest.TestCase): def setUp(self): # 启动IE浏览器 self.driver = webdriver.Ie(e...
firefox与chrome中对select下拉框中的option支持问题
afei2530的博客
12-09 386
firefox可以直接修改option的字体样式,但是chrome中option的字体样式是继承select的,这个是在项目中遇到的,具体的可以看一下 http://www.cnblogs.com/rocky-AGE-24/p/5027760.html 里面的select 转载于:https://www.cnblogs.com/rocky-AGE-24/p/5034337.html...
select中option的onclick事件失效
badouzhong65878的博客
04-26 1914
html： <select id="pageSelect"> 　　<option value="1" selected onclick="openNewPage()">页面1</option> 　　<option value="2" onclick="openNewPage()">页面2</option> </se...
解决document.onclick在IE下用不了或无效的问题
weixin_30493321的博客
05-21 509
document.onclick这个事件在IE这几天突然下不能用了，导致JS代码部分有BUGdocument.onmouseover;document.onmouseout;document.onmousedown;document.onmouseup;上面这几个在IE下就可以，（IE版本是IE8）！就document.onclick这几天在IE下都失效了，在火狐，谷歌，opera，360，搜狗。...
谷歌浏览器下拉框中的onclick事件无响应
听风暖的博客
03-13 9404
有下拉跳转框如下所示： select name="page" size="1" > option onclick="refurbish(1)" selected="selected">第1页option> option onclick="refurbish(2)">第2页option> select> refurbish()函数是一个javascript函数，可以根据传入的数字来获取到对应
js - select option firefox和chrome 对onclick的支持 使用on
Beluga_白鲸
07-14 2166
select option firefox和chrome 对onclick的支持 firefox支持select和option增加onclick事件，举例： 请选择专业层次 本科 专科
javascript下拉框选项单击事件的例子分享
10-24
然而，需要注意的是，在IE9以下版本以及Chrome浏览器中，这种方法可能无法正常工作，但在Firefox浏览器上是可以正常使用的。这是因为不同的浏览器对于DOM事件的实现和支持程度是有所差异的。 鉴于此，文章建议我们...
select聚焦 展示下拉框
07-03
但是，请注意：这种方法在Firefox中可能无效，因为Firefox在获得焦点时不会通过click事件展开下拉框。对于Firefox，我们可以尝试使用`setTimeout`来触发click事件，但并不是100%可靠。因此，如果跨浏览器兼容性很...
jquery 下拉框 不选中
最新发布
07-16
- 对于需要支持多选的下拉框，原生的 `<select multiple>` 可能不符合预期交互体验，尤其是在移动端或特定浏览器中。 - 可以考虑使用自定义组件模拟下拉菜单，结合复选框实现更灵活的交互。已选中的项可以通过标签...
dataTables中的数据自带分页和查询以及自带导出excel表格
lvping100的博客
10-31 4193
dataTable是一个对后端人员开发的人员来说，是一个很好的前端开发工具。自带了分页，及查询和导出excel还有很多的功能。请看datatables的官网。 --> DD_belatedPNG.fix('*'); 资讯列表  首页 > 资讯管理 &g
selenium处理select标签的下拉框
MTbaby的博客
07-04 3170
1.div下拉框的处理div下拉框与其他元素一样，没有啥特殊的，只需要用xpath来定位即可。 如：现在我们来通过脚本选择下拉列表里的 $10.69#先定位到下拉框 m=driver.find_element_by_id("ShippingMethod") #再点击下拉框下的选项 m.find_element_by_xpath("//option[@value='10.69']").click()
[Repost]Selenium ElementNotVisibleException: Cannot click on element
Louie
09-26 2742
Problem Statement I am using the Selenium WebDriver to clickon a menu item which is not visible until you hover over a toplevel menu, and when I invoke the Click method on the IWebElement,an Elem
html 下拉框option的点击事件,下拉列表option无法使用onclick
weixin_31833307的博客
06-05 744
现有一下拉列表内有两个option。我要用着两个option分别控制两个div的显示和隐藏。求大神，求代码。我现在的代码如下HTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">select-optiononclickonetwofunctionred(){rr=document.getElementById("red");rr....
解决option不支持onclick的问题
weixin_34061555的博客
03-25 571
可以通过select的onchange()事件去做。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]"><html xmlns="[url...
使option onclick事件支持ie和firefox
KylinBL的专栏
10-06 2533
<br />对于select 的onclick事件，ie支持在select中设置onclick事件，在option中设置无效，但是在Firefox中，支持option的 onclick事件，在select中设置无效。另外，如果在onclick中想要得到点击的是哪一个option，是得不到的。为什么呢？因为在点击事件是发生在选择之前的，只有点击之后才能确定哪一个被选中了。所以在这是设置了一个定时函数，在单击之后60ms执行来判断哪个选中。<br /><br />下面给出了解决办法。<script type="
遭遇IE8下的JavaScript兼容问题
weixin_34191845的博客
12-14 243
博客园闪存分页是用JavaScript生成的，今天发现在IE8下点击页码不能翻页，翻页操作是在当前页码的onclick事件中进行的。 开始代码是这么写的： var a = document.createElement("a");a.setAttribute("onclick", this.ClickFunctionName + "(" + pageIndex + ");Pager.SetC...
Javascript select标签 在Firefox下点击无法弹出
ForeverCjl的专栏
10-10 1823
在项目中运用到了JQUERY UI，用到了其中的disableSelection()方法，这个方法是让页面上的指定元素无法通过鼠标拖拽进行选择。     由于某些需求，我在给div使用了此方法后，达到了上述效果，但是有不足的地方。     在Firefox下运用此方法后，div中的select方法点击之后将会无法弹出，在IE和CHROME下没有此现象。
记一次Selenium框架的爬虫遇到下拉框页面的解决经历
WenChow的博客
01-29 2707
selenium解析页面源码，解决非select类型下拉框
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值