Jquery 我想每次都更新结果，但可以'；我不明白我该怎么做_Jquery_Html_Jquery Selectors

Jquery 我想每次都更新结果，但可以'；我不明白我该怎么做

jquery html

Jquery 我想每次都更新结果，但可以'；我不明白我该怎么做,jquery,html,jquery-selectors,Jquery,Html,Jquery Selectors,我只是从一个应用程序学习jQuery。我的购物清单程序有问题。每当我添加一些价格时，它都会以字符串的形式显示结果；比如，如果我加上5和7，它会在文本框中显示“512”。但我想在用户每次添加或删除任何内容时更新它 <script src="https://code.jquery.com/jquery-3.1.1.js"></script> </head> <body> <h1>My Shopping List</h1>

我只是从一个应用程序学习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>

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

Textarea字段上的append方法总是将当前值添加到现有值的末尾。

中的文本将显示在标记之间，例如：

示例

因此，我们可以简单地用以下代码替换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);
            });
        });
    });

希望这有帮助

Textarea字段上的append方法将始终将当前值添加到现有值的末尾。

中的文本将显示在标记之间，例如：

示例

因此，我们可以简单地用以下代码替换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);
            });
        });
    });

希望这有帮助

先生，它起作用了！非常感谢你！！爱你的回答！先生，它起作用了！非常感谢你！！爱你的回答！