我有一个带有几个 SELECT 框的表单,并根据用户的选择出现一个值。这是完全有效的。
现在我想要一个脚本,它可以自动或在按下按钮时计算这些值的总和。
我到目前为止的完整代码是这样的:
JavaScript:
<script type="text/javascript">
window.onload=function(a,b)
{
value=document.getElementById('value1'),
combobox=document.getElementById('first');
combobox.onchange=function(a)
{
document.getElementById('value1').innerHTML = "€ " +this.value;
}
value2=document.getElementById('value2'),
combobox2=document.getElementById('second');
combobox2.onchange=function(b)
{
document.getElementById('value2').innerHTML = "€ " +this.value;
}
}
function changeText(){
var sum;
sum= (value * 1) + (value2 * 1);
document.getElementById('sum').innerHTML = "€ " +this.value;
}
</script>
的HTML:
<ol>
<li><label><span>First</span></label>
<select name="block1" id="first">
<option value="0">Please select...</option>
<option value="1">Summer</option>
<option value="2">Spring</option>
</select></li>
</ol>
<ol>
<li><label><span>Second</span></label>
<select name="block2" id="second">
<option value="0">Please select...</option>
<option value="1">Summer</option>
<option value="2">Spring</option>
<option value="3">Pink</option>
<option value="4">Corporate</option>
</select></li>
</ol>
<div id="value1">value 1</div>
<div id="value2">value 2</div>
<input type='button' onclick='changeText()' value='Calculate'/>
<div id="sum">Total here</div>
如果有人可以提供帮助,那就太好了。我实在想不通。非常感谢!!