如何在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