使 onchange 在页面加载时起作用

Question

我有一个如下所列的 select 标签，它有一个编码的 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"，我想更改它以便在页面加载时显示 "RICH" 对齐值为 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

使 onchange 在页面加载时起作用

Making Onchange Work on Page Load

javascript

onchange

onload