0

私は食品注文システムを開発しています。注文リストをテキストエリアに表示したい。今、私はdivのコンテンツにリストを作成できます。また、結果の価格を小数点以下2桁で四捨五入したいのですが、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 では適切に削除できますが、テキストエリアは削除されません。テキストエリアのリストを作成するためにこのコードを使用しています。
これは私が使用する 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 に答える