使Onchange在頁面加載工作

Question

我有一個如下所示的選擇標記，它具有一個編碼的onchange事件。

<select style="font-size: 90%;" name="Color" id="selection" 
onchange="document.getElementById('title1').innerHTML = TitleName1[this.value];"> 
<option value="2">SELECT ROUND</option> 
<option value="1">ROUND 1</option> 
<option value="2">ROUND 2</option> 
</select></div> 

<script> 
var TitleName1 = { 
"1" : "CARL", 
"2" : "RICH", 
}; 
</script> 

<div id="title1" >SATURDAY</div> 

當我的頁面加載時，HTML DIV顯示「SATURDAY」，我想這樣改變這一點，在頁面加載它顯示了在這種情況下，「富」與值2對齊我試過以下和其他一些組合，但沒有運氣。

<select style="font-size: 90%;" name="Color" id="selection" 
onchange="document.getElementById('title1').innerHTML = TitleName1[this.value];" 
onload="document.getElementById('title1').innerHTML = TitleName1[this.value];"> 

Answer 1

將此代碼添加到裏面。

window.onload = function(){ 
    document.getElementById('title1').innerHTML = 
    TitleName1[document.getElementById('selection').value] 
} 

直播例jsfiddle