顯示結果爲輸入文本

Question

我有這樣的代碼來計算結果（乘數* 5），但它讓我看到成果轉化爲<div id="total"></div>

<script type="text/javascript"> 
    function calculate(multiplier) { 
     var product = multiplier*5; 
     document.getElementById('total').innerHTML = product; 
    } 
</script> 

<form> 
    <select name="multipliers" onchange="calculate(this.value)"> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
    </select> 

    <div id="total"></div> <!-- result is displayed here --> 

    <input type="text" id="total" readonly="readonly"> 

</form> 

是否有可能顯示結果爲輸入文本不成一個div？

<input type="text" id="total" readonly="readonly"> <!-- I'd like to show result here --> 

Answer 1

是你可以...嘗試像這樣

document.getElementById('total').value = product; 

但最好是有唯一的ID。如果你不使用它了 或 所以刪除DIV給另一個ID到文本框

Answer 2

每個元素都應該有一個唯一的標識符，但你有兩個與id='total'。將第二個ID屬性更改爲獨一無二的。