0

我正在开发一个食品订购系统。我想在文本区域中显示我的订单列表。现在我可以在 div 的内容中列出。我还希望我的结果价格在小数点后两位四舍五入，如果您输入 2，它将被格式化为 2.00。

我的完整代码有点长。

这是我使用的 JavaScript 示例：

function addNewItem() {
    price = 4.50;
    result += price;
    appendElement("container", "element" + price, "Cappucino Ice Blended " + price + "<a href=\"javascript:removeItem(" + price + ")\">[Remove]</a>");
    document.getElementById('sumOrder').value = result;
}

小提琴中的完整代码

4

2 回答 2

0

感谢您的回复，但我使用其他方法。我已经可以在文本区域列出。现在，当我单击删除链接时，我遇到了删除它的问题。在 DIV 中，我可以正确删除，但 textarea 不能删除。我使用此代码在 textarea 中创建列表。
这是我使用的 JavaScript 示例：

    var result =0.00;
    function addtxt(input) {
        price = 4.50;
        result += price;
        var obj=document.getElementById(input)
        var txt=document.createTextNode("Cappucino Ice Blended "+ price+"\n")
        obj.appendChild(txt)
    addNewItem();}
    function addNewItem() 
    {
        appendElement("container", "element" + price, "Cappucino Ice Blended " + price + "<a href=\"javascript:removeItem(" + price + ")\">[Remove]</a>");
        document.getElementById('sumOrder').value = result;
    }

    function removeItem(price) 
    {
        result -= price;
        removeElement("container", "element" + price);
        document.getElementById('sumOrder').value = result;
    }
    function removeElement(parentId, elementId) 
    {
        var parentElement = document.getElementById(parentId);
        var childElement = document.getElementById(elementId);
        parentElement.removeChild(childElement);
    }
    function appendElement(containerId, newElementId, newElementContent) 
    {                   
        var newElement=document.createElement("div");
        newElement.setAttribute("id", newElementId);
        newElement.innerHTML=newElementContent;
        var container = document.getElementById(containerId);
        container.appendChild(newElement, container);
    }

小提琴中的完整代码

于 2013-03-10T06:24:50.043 回答
0

要在文本区域中创建新行，使其看起来像一个列表，您可以用“\n”分隔您的订单。

示例：http: //jsfiddle.net/U58gT/

<textarea id="orders" rows="10"></textarea>

<br /><br /><br />

<input id="new-order" type="text"><button>add order</button>

$('button').click(function() {
    var new_order = $('#new-order').val();
    $('#orders').append(new_order + "\n");
});
于 2013-03-09T19:10:06.733 回答