html – Onload事件在选择框中不起作用(下拉列表框)

html – Onload事件在选择框中不起作用(下拉列表框),第1张

概述JSFIDDLE Link for Reference <script>.greenText{ color:green; }</script><html><select onload="this.className='greenText'" onchange="this.className='greenText'"> <option value="apple" >Apple</o JSFIDDLE Link for Reference

<script>.greenText{ color:green; }</script><HTML><select onload="this.classname='greenText'" onchange="this.classname='greenText'">    <option value="apple" >Apple</option>    <option value="banana" >Banana</option>    <option value="grape" >Grape</option></select></HTML>

在上面的例子中,我为onload和onchange事件添加了CSS类.
但这里只适用于onchange但不适用于onload事件.我想在装载’Dropdown Box’时保持绿色.

解决方法 “选择”不支持“onload”事件.试试这个

<style type="text/CSS">.greenText{ color:green; }</style><script type="text/JavaScript">window.addEventListener("load",function(){    document.getElementByID("my_select").classname="greenText";},false);</script><select ID="my_select" onchange="this.classname='greenText'">    <option value="apple" >Apple</option>    <option value="banana" >Banana</option>    <option value="grape" >Grape</option></select>
总结

以上是内存溢出为你收集整理的html – Onload事件在选择框中不起作用(下拉列表框)全部内容,希望文章能够帮你解决html – Onload事件在选择框中不起作用(下拉列表框)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1080432.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存