Question

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事件。我想在加载时输入绿色＆＃39; Dropdown Box＆＃39;。

Answer 1

＆＃34;选择＆＃34;不支持＆＃34; onload＆＃34;事件。试试这个

<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>

Answer 2

select元素不会加载任何外部内容，因此没有加载事件。

如果您想在将JS添加到DOM后立即对其进行解雇，只需在其结束标记后添加<script>元素。

简单地使用class属性而不是涉及JS，似乎更有意义。

Answer 3

因为你只想要它是绿色的（无论是onload还是onchange）只需要在select上设置类。

<select class='greenText'>
    <option value="apple" >Apple</option>
    <option value="banana" >Banana</option>
    <option value="grape" >Grape</option>
</select>

Onload事件在选择框中不起作用（下拉列表框）

3 个答案: