JavaScript onchange 事件不会改变 div 内容答案

【问题标题】：JavaScript onchange event doesn't change div contentJavaScript onchange 事件不会改变 div 内容
【发布时间】：2013-10-22 03:45:00
【问题描述】：

当我从下拉列表<select id="ansRate" onchange="javascript:add_score(this);"> 中选择一个值时，我想替换我的<div id="score_here">10</div> 的内容。我已经设置了如下所示的 JavaScript 函数，但它不起作用。这有什么问题？

<div>
<select id="ansRate" onchange="javascript:add_score(this);">
<option value="0">Answer Rate</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>

<div id="score_here" style="width:100px;height:100px;background-color:yellow;">
 81
</div>

<script type="text/javascript">

function add_score(a){
   var string = $("#questionScore").text();
   var thenum = string.replace( /^\D+/g, ''); 
   var add = $(a).val(); 
   var total = parseInt(thenum) + parseInt(add);
   document.getElementByID('score_here').innerHTML = total;
 }

 </script>

【问题讨论】：

在监听器中，javascript: 是一个无用的标签。删除它。

标签： javascript jquery html

【解决方案1】：

document.getElementById("id")

不是

document.getElementByID("id")

【讨论】：

【解决方案2】：

应该是：

document.getElementById('score_here').innerHTML = total;

:-)

【讨论】：

【解决方案3】：

试试这个：

document.getElementByID 语法不正确，请尝试 document.getElementById

你可以通过 jQuery 完成所有事情。

只需替换这一行：

document.getElementByID('score_here').innerHTML = total;

到

$('#score_here').html(total);

【讨论】：