onload事件不會在選擇框中工作（下拉列表框）

JSFIDDLE Link for Reference onload事件不會在選擇框中工作（下拉列表框）

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

在上面的例子中我添加CSS類的onload都和onchange事件。但這裏只適用於onchange，但不適用於onload事件。我想在加載'下拉框'時變成綠色。

來源

2015-06-17 Vijayakumar B

select元素不加載任何外部內容，所以沒有加載事件。

如果你想在它被添加到DOM之後立即觸發JS，只需在它的結束標記之後放置一個<script>元素。

儘管簡單地使用class屬性而不是涉及JS似乎更有意義。

來源

2015-06-17 11:32:18 Quentin

-1

因爲你只是希望它是綠色的（onload或onchange）只需要在select上設置類。

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

來源

2015-06-17 11:33:31

「Select」不支持「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>

來源

2015-06-17 11:36:10 Federico

onload事件不會在選擇框中工作（下拉列表框）

回答

相關問題