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属性更改为唯一的。

将结果显示在输入文本中

2 个答案: