Question

我的网站出了问题。问题是，当我向购物车添加商品时，它会成为一张桌子。但是，当我改变产品数量并将其再次添加到购物车时，它会在现有产品下面排成一排。

这是我到目前为止的HTML和JS代码：

所以我想要的最好的事情是当一个项目已经在表格中时。它被相同的项目取代，但新的金额。

if (cat == "T")
            {
                //variable die worden aangemaakt voor de final bestel form
                artikelbestelT= [];
                prijsbestelT = [];
                aantalbestelT =[];
                //hier worden alle value aangesproken door middel van een dynamische benaming met een for loop 
                for (teller = 0; teller< artikeltel.length; teller++)
            {

                var waardeelem = document.getElementById("selecties"+teller+"");
                var waarde = waardeelem.options[waardeelem.selectedIndex].value;
                // hier wordt totaal berekent voor in winkelmandje
                totaal= prijstel[teller] * waarde;
                //hier wordt totaal in een array gestopt voor het eindbedrag
                eindbedragT[teller] = totaal;
                // als er niks wordt ingevuld kwa waarde dus 0 producten wordt dit stuk over geslagen
                if (waarde > 0)
                {
                    //anders wordt er een niewe array gemaakt met de daadwerkelijk bestelde producten
                    artikelbestelT.push(artikeltel[teller]) ;
                    prijsbestelT.push(prijstel[teller]);
                    aantalbestelT.push(waarde);
                    //hier wordt een tabel( winkelmandje ) gemaakt met de huidige producten
                    var table = document.getElementById("tabel");
            var rowcount= table.rows.length;
            var row = table.insertRow(rowcount);
            var cell1 = row.insertCell(0);
            var cell2 = row.insertCell(1);
            var cell3 = row.insertCell(2);
            var cell4 = row.insertCell(3);
            cell1.innerHTML = artikeltel[teller];
            cell2.innerHTML = prijstel[teller];
            cell3.innerHTML = waarde;
            cell4.innerHTML = totaal;

                }

亲爱的。到目前为止，感谢您的评论。我将代码清理到我制作表格的部分。因此，每当我改变他想要的项目数量（即变量“waarde”）时，他不会删除旧表，而只是将其放在现有项下。

我希望它能稍微清除一下:)

Answer 1

因为你有这么多代码，所以我不打算全神贯注，但我只是猜测：你只是将html的任何更改附加到现有的表行上。如果是这种情况，那么我建议在每次更新时擦除表的现有html的简单解决方案，并将其替换为当前购物车内容（您应该与已显示的html表分开存储）。 / p>

您还可以为该项目唯一的每一行指定ID，然后访问您要更改的特定项目的数量单元格，并更改该文本以反映新数量。

javascript表不断重复

1 个答案: