javascript - 如何触发 Span 元素以填充输入字段中输入的值 (Javascript)

Question

我正在为网页创建一个书签，并遇到了一个 Span id="totalAmount"元素(汇总表)，该元素通常在通过单击手动将值输入到输入字段 (id="Amount") 后填充进入其中并输入值。我可以使用 Bookmarklet 成功输入值，但 Span id="totalAmount"元素未填充。我错过了什么？

这是 HTML

<input id="Amount" class="with-prefix sum-amount" type="tel" value="" name="Amount" data-val-required="Please enter your amount" data-val-regex-pattern="^\d*\.?\d{0,2}$" data-val-regex="Please enter the amount" data-val-reasonableincome="" data-val-number="The field What is your amount? must be a number." data-val="true" aria-describedby="AmountTooltip"/>

<div class="summary-table clearfix">
<div class="summary-table-item">
<span class="text">Total amount</span>
<span class="curr-sign">£</span>
<span id="totalAmount" class="value"/>
</div>

当手动在输入字段中输入值时，span 元素会填充相同的值，并且代码更改为:

<span id="totalAmount" class="value">25000.00</span>

但是当我使用以下 Bookmarklet 时，尽管输入字段已成功输入值，但“totalAmount”跨度并未填充

javascript: var newPage = {
    formFill: function() {
        document.querySelectorAll("#Amount")[0].value = '25000';
    }
};
newPage.formFill()

注意:由于权限问题，我无法修改 HTML

非常感谢

Answer 1

span 不是 input 元素，它具有 innerHTML，而不是 value

document.getElementById( "Amount" ).onchange = function(){
   document.getElementById("totalAmount").innerHTML = this.value;
}