JavaScript onchange事件不会更改div内容
当我从下拉列表中选择一个值时,我想替换我的10的内容。我已经设置了JavaScript函数,如下所示,但它不起作用。这有什么问题JavaScript onchange事件不会更改div内容,javascript,jquery,html,Javascript,Jquery,Html,当我从下拉列表中选择一个值时,我想替换我的10的内容。我已经设置了JavaScript函数,如下所示,但它不起作用。这有什么问题 <div> <select id="ansRate" onchange="javascript:add_score(this);"> <option value="0">Answer Rate</option> <option value="1">1</option> <option val
<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>
不是
应该是:
document.getElementById('score_here').innerHTML = total;
:-试试这个:
document.getElementByID语法不正确,请尝试document.getElementByID
您可以通过jQuery完成所有事情
只需更换这一行:
到
在监听器中,javascript:是一个无用的标签。移除它。
document.getElementByID("id")
document.getElementById('score_here').innerHTML = total;
document.getElementByID('score_here').innerHTML = total;
$('#score_here').html(total);