如何在Textarea中创建列表和显示列表

Question

我正在开发食品订单系统。我想在textarea中显示我的订单清单。现在我可以在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; 
} 

The full code in a fiddle

Answer 1

要在textarea的新线，所以它看起来像一个列表，你可以用“\分隔您的订单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"); 
}); 

Answer 2

感谢答复，但使用其他方法我。我已经可以在文本区域做出列表。现在我遇到了问题，当我点击删除链接时将其删除。在DIV的我可以正确删除，但textarea不能删除。我在textarea中使用这个代码做make list。
这是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); 
    } 

The full code in a fiddle