Javascript:根据选择菜单的值用变量填充文本字段的值

Question

HTML:

<select id="SHIELD" onchange="calcCHO();" >
<option  value="610" selected >CHO-SHIELD 610</option>
<option  value="608" >CHO-SHIELD 608</option>
<option  value="604" >CHO-SHIELD 604</option>
</select>
<input id="FILLER" type="text" disabled  value="" />

脚本:

function calcCHO(){
var f_S = "Silver";
var f_N = "Nickel";
var f_SC = "Silver/Copper";

var CHOS = document.getElementById("SHIELD").value;
var FILLER = document.getElementById("FILLER").value;
if(CHOS === "610") { 
FILLER = f_S;   
}
else if (CHOS === "608") { 
FILLER = f_N;   
}   
else { 
FILLER = f_SC;  
}       
}

这看起来很简单，知道为什么它不工作或产生任何控制台错误吗?

谢谢!

Answer 1

试一试

函数calcCHO () {

var f_S = "Silver";
var f_N = "Nickel";
var f_SC = "Silver/Copper";
var CHOS = document.getElementById("SHIELD").value;
var FILLER = document.getElementById("FILLER");
if(CHOS === "610") {
FILLER.value = f_S;
}
else if (CHOS === "608") {
FILLER.value = f_N;
}
else {
FILLER.value = f_SC;
}

}