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在页面加载上工作

1 个答案: