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;
}

}