我想每次都更新结果，但不明白我该怎么做答案

【问题标题】：I want to update result everytime, but can't understand how can I do it我想每次都更新结果，但不明白我该怎么做
【发布时间】：2019-12-05 17:32:46
【问题描述】：

我只是从一个应用程序中学习 jQuery。我的购物清单程序有问题。每当我添加一些价格时，它都会以字符串显示我的结果；就像我添加 5 和 7 一样，它会在文本框中显示“512”。但我想在每次用户添加或删除任何内容时更新它。

<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
</head>
<body>
    <h1>My Shopping List</h1>
    <input type="text" placeholder="New item" id="item" />
    <input type="number" placeholder="Price" id="price"/>
    <button id="add">Add</button>
    <ol id="mylist"></ol>
    <div>Total = ₹<textarea id="cartTotal" placeholder="0" disabled></textarea></div>
</body>

这是我的脚本，

var priceTotal = 0;
$(function() {
$("#add").on("click", function() {

    var val = $("#item").val();
    var prc = parseInt($("#price").val());

    priceTotal += prc;
    $("textarea").append(priceTotal);

完整代码是here。我在任何地方都没有找到任何合适的答案。

【问题讨论】：

标签： jquery html jquery-selectors

【解决方案1】：

Textarea 字段的 append 方法总是将当前值添加到现有值的末尾。 <textarea> 中的文本将显示在标签之间，例如：<textarea>Example</textarea>。

所以我们可以简单地用下面的代码替换 append 方法：

var priceTotal = 0;
    $(document).ready(function(){
        $(function() {
            $('#add').on('click', function() {
                var val = $("#item").val();
                var prc = parseInt($("#price").val());

                priceTotal += prc;
                $('textarea').html(priceTotal);
            });
        });
    });

希望这会有所帮助！

【讨论】：

先生，它正在工作！太感谢了！！喜欢你的回复！?☺️