向文本区域添加多个值答案

【问题标题】：Add multiple values to text area向文本区域添加多个值
【发布时间】：2014-10-22 15:56:21
【问题描述】：

我正在创建一张发票，并尝试将多个值放入我创建的文本区域。

文本区域看起来像这样

<textarea input type ="text" name = "textarea" id = "textarea" rows = "12" cols = "180" placeholder = "--Item Code--  --Item Name--   --Item Cost-- --Quantity--  --Subtotal--  --Tax--  --Total--"></textarea>

我还有一个按钮叫

<div id="AddItemButton">
            <td align = "left"><input type="button" value= "Add Item" id = "add" onclick="computeCost();"/>
            </td> 
        </div>

我将想要输入的值连接到 textarea 'document.getElementById'

document.getElementById('textarea').value = ("\n")+("\n") + "--" + code + "--" + " " + " " + "--Item Name--" + "--" +  itemName + "--" + " " + " " + "--" + cost +"--" + " " + " " + "--" + quantity + "--" + " " + " " + "--" + subtotal + "--" + " " + " " + " " + "--" + tax + "--" + " " + " " + "--" + total + "--";

总计、小计、税收等都显示在文本区域中。我遇到的问题是，每次我点击“添加项目”时，它都会替换旧值。我希望它在保存旧值的同时将新值添加到文本区域。

【问题讨论】：

标签： javascript html forms textarea invoice

【解决方案1】：

然后在插入值时使用+=：

document.getElementById('textarea').value += ("\n")+("\n") + "--" + code + "--" + " " + " " + "--Item Name--" + "--" +  itemName + "--" + " " + " " + "--" + cost +"--" + " " + " " + "--" + quantity + "--" + " " + " " + "--" + subtotal + "--" + " " + " " + " " + "--" + tax + "--" + " " + " " + "--" + total + "--";

它将采用当前的value - 并向其中添加新项目。

【讨论】：

该死的......你打败了我。 :)
@user3577397 -- 没问题！一定要在你可以接受的时候接受答案
@tymeJV，我现在遇到了一件小事。它将值放在文本区域中，但没有添加它们。因此，如果第一个值为 300，第二个值为 200，则底部的总计不是 = 500，而是等于 200。我尝试 += 总计、税收和小计，但它给我的结果太高了跨度>
@E.Maggini 我在文本区域中获得了多个值，但它没有计算我输入的所有值的总和。
如果您可以创建代码当前状态的小提琴，我会尝试一下。