Activation de la fonction Onchange lors du chargement d'une page

Question

J'ai une étiquette de sélection dans la liste ci-dessous qui contient un événement onchange codé.

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

Quand mon chargement de la page, la div HTML montre « samedi », je veux changer cela pour que la page charge, il montre dans ce cas « RICH » qui aligne avec la valeur 2. J'ai essayé ce qui suit et quelques autres combinaisons mais pas de chance.

<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

Ajoutez ce code à l'intérieur.

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

direct Exemple jsfiddle