函数不能在while循环中工作，因为它们在PHP和JavaScript中不是唯一的

你能帮我做以下几件事吗

目前，我一直在使用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函数：
var i=0；
功能增加（）
{
i++；
document.getElementById（'aantal'）。innerHTML=+i；
}
函数减少（）
{
我--；
document.getElementById（'aantal'）。innerHTML=+i；
}

但问题是JavaScript函数在while循环中没有响应唯一的产品

如果我有显示的5种产品。那么JavaScript函数只对1个产品有效

有人能帮我解决这个问题吗？我试着让JavaScript函数独一无二，但我不知道该怎么做

---

提前谢谢

我想用另一个例子来解决

$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>

$query=“从书本中选择*”；
$result=mysql\u query（$query）；
$dServer=array（）；
while（$row=mysql\u fetch\u assoc（$result））{
$dServer[]=$row['model']；
}    
?>
变量a=；

---

然后，您可以使用数组打印

您需要了解服务器端和客户端编程之间的区别及其执行顺序。是的，我还在这里为一个项目练习。事实上，我正在尝试，因为我是OOP和MVC的新手。这需要时间，谢谢你的建议！每次您在新代码中使用数据库扩展时，它都可能重复，这已被弃用多年，在PHP7中已永远消失。如果你只是在学习PHP，那么就把精力花在学习

PDO

或

mysqli

数据库扩展和准备好的语句上。您正在使用getElementById（'aantal'）。每个id中只能存在一个。使用唯一的ID。