javascript - 函数不能在 while 循环中工作，因为它们对于 PHP 和 JavaScript 来说并不是唯一的

Question

您能帮我解决以下问题吗:

目前，我陷入了使用 PHP 的 while 循环，并循环遍历数据库查询，该查询给出了 5 个结果，在该 while 循环中，我为循环的每个结果创建了一个带有 html/css 的窗口，其中显示了产品及其内部窗口中还包含用于添加或减去产品的 + 和 - 按钮，为此我使用了 JavaScript 函数。

所以我从 while 循环中得到的是这样的:

<?php

  while ($row = mysql_fetch_assoc($resultaat)) {
            echo "
                <div class='row tussenruimte'>
                </div>
                <div class='flex-container product-container'>
                    <div class='flex-item product-c-1'>
                        <img src='../imgs/img5.jpg' id='img5-bezorgen'></img>
                    </div>
                    <div class='flex-item product-c-2'>
                        <div class='row titel-product-row'>
                            <div class='col-md-8'> 
                                " 
                                . $row['naam'] . 

                                "       
                            </div>
                        </div>
                        <div class='row omschrijving-product-row'>
                            <div class='col-md-12'>
                                " 
                                . $row['omschrijving'] . 

                                "
                            </div>
                        </div>
                    </div>
                    <div class='flex-item product-c-3'>
                        <div class='flex-container p-c-3-c'>
                            <div class='flex-item p-c-3-i'>
                                <form action='' method='GET'>
                                    <div class='row product-toevoegen-rij'>
                                        <div class='col-md-4 product-aantal-invullen'>
                                            <div id='aantal'>0</div>
                                        </div>
                                        <div class='col-md-4 product-aantal-toevoegen'>
                                            <button class='product-aantal-toevoegen-knop-css' onclick='increase(); return false;'>+</button>
                                        </div>
                                        <div class='col-md-4 product-aantal-aftrekken'>
                                            <button class='product-aantal-aftrekken-knop-css' onclick='decrease(); return false;'>-</button>
                                        </div>
                                    </div>
                                    <div class='row product-toevoegen-knop'>
                                        <button class='toevoegen-knop-css' onclick=''>toevoegen aan winkelwagen</button>
                                    </div>
                                    <div class='row product-toevoegen-prijs'>
                                        <div class='col-md-12 prijs-col'>
                                            " 
                                            . $row['prijs'] . 

                                            "
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            ";
        }
?>
// And here is the JavaScript function:

<script>
        var i=0;

        function increase()
        {
            i++;
            document.getElementById('aantal').innerHTML= +i;
        }

        function decrease()
        {
            i--;
            document.getElementById('aantal').innerHTML= +i;
        }
    </script>

但问题是 JavaScript 函数在 while 循环中不响应唯一的乘积。

如果我显示了 5 个产品。那么 JavaScript 函数仅适用于 1 个产品。

有人可以帮我解决这个问题吗？我尝试使 JavaScript 函数变得独特，但我不知道该怎么做。

提前致谢!

Answer 1

我想用不同的例子来解决。

$query = "SELECT * FROM books";
$result = mysql_query($query);
$dServer = array();

while($row = mysql_fetch_assoc($result)){
    $dServer[] = $row['model'];
}    

?>
<script type="text/javascript">
    var a = <?php echo json_encode($dServer); ?>;
</script>

然后您可以使用数组进行打印