html、javascript、php和MySQL的问题_Javascript_Php_Html_Mysql

html、javascript、php和MySQL的问题

javascript php html mysql

html、javascript、php和MySQL的问题,javascript,php,html,mysql,Javascript,Php,Html,Mysql,我的数据库中有两行信息，因此我的代码create将创建两次positiveOneGativo.png和两次编号10。当我点击第一个positiveOneGativo.png时，我的前10个数字会递增（如我所愿）。现在我的问题是，当我点击第二个positiveOneGativo.png时，第一个数字再次递增！我只是不能通过点击第二个positiveOneGativo.png <html> <body> <?php include_once("./

我的数据库中有两行信息，因此我的代码create将创建两次

positiveOneGativo.png

和两次编号

。当我点击第一个

positiveOneGativo.png

时，我的前10个数字会递增（如我所愿）。现在我的问题是，当我点击第二个

positiveOneGativo.png

时，第一个数字再次递增！我只是不能通过点击第二个

positiveOneGativo.png

<html>  
<body>

    <?php
    include_once("./classe/conexao.php");
    $busca = $pdo->prepare("select * from anuncios");
    $busca->execute();
    $linha = $busca->fetchAll(PDO::FETCH_OBJ);
    $classe = 0;
    foreach ($linha as $lista) {
        echo "<p class='demo'>10</p>";
        echo "<img src='imagens/positivoNegativo.png'usemap='#mapa'>";
        echo "<map name='mapa'>";
        echo "<area shape='rect' coords='1,1,73,59' onclick='aumenta($classe)'>";
        echo "</map>";
        echo "<span>$lista->titulo</span>";
        $classe++;
    }
    ?>
    <script>
        function aumenta(classe) {
            var numero = document.getElementsByClassName('demo')[classe].innerHTML;
            numero++;
            document.getElementsByClassName('demo')[classe].innerHTML = numero;
        }
    </script>;
</body>


试试这个：



您需要为每个图像使用不同的贴图
foreach ($linha as $lista) {
    echo "<p class='demo'>10</p>";
    echo "<img src='imagens/positivoNegativo.png'usemap='#mapa$classe'>";
    echo "<map name='mapa$classe'>";
    echo "<area shape='rect' coords='1,1,73,59' onclick='aumenta($classe)'>";
    echo "</map>";
    echo "<span>$lista->titulo</span>";
    $classe++;
}

foreach（$linha作为$lista）{
回声“10”；
回声“；
回声“；
回声“；
回声“；
回显“$lista->titulo”；
$classe++；
}
是否已检查生成的html？onclick
属性中有什么？这是因为您没有以任何方式将$classe
分配给包含该数字的。
foreach ($linha as $lista) {
    echo "<p class='demo'>10</p>";
    echo "<img src='imagens/positivoNegativo.png'usemap='#mapa$classe'>";
    echo "<map name='mapa$classe'>";
    echo "<area shape='rect' coords='1,1,73,59' onclick='aumenta($classe)'>";
    echo "</map>";
    echo "<span>$lista->titulo</span>";
    $classe++;
}