PHP中的按鈕更改編號

我有一個網站，我在其中列出商店產品并希望開始制作訂單。但是，對于開始，我需要更改每個的數字。

我的代碼是：

$run_produtos = mysqli_query($con,$get_produtos);

while($row_produtos=mysqli_fetch_array($run_produtos)){
    
                $id = $row_produtos['id'];
                $categoria = $row_produtos['categoria'];
                $foto = $row_produtos['foto'];
                $nome = $row_produtos['nome'];
                $descricao = $row_produtos['descricao'];
                $preco = $row_produtos['preco'];

            echo "
                <div style='text-align: left;''>
                    <center>
                            <img src='produtos/$foto' style='width: 200px; height: auto; border: 2px solid grey'>
                            <h3>$nome</h3>
                            <h4>$descricao</h4>
                            <h3>Valor: R$ $preco</h3>

<form>

<input style='font-size: 20px;' type='button' onclick='decreaseValue()' value='-' />
<input style='font-size: 20px; width: 70px; text-align: center;' type='text' id='number' value='$number'/>
<input style='font-size: 20px;' type='button' onclick='incrementValue()' value=' ' />

</form>

</center>
<hr>
                        </div>
                <br>
                ";
}

按鈕代碼是：

<script>
function incrementValue()
{
    var value = parseInt(document.getElementById('number').value, 10);
    value = isNaN(value) ? 0 : value;
    value  ;
    document.getElementById('number').value = value;
}
function decreaseValue()
{
    var value = parseInt(document.getElementById('number').value, 10);
    value = isNaN(value) ? 0 : value;
    value--;
    document.getElementById('number').value = value;
}
</script>

按鈕有效！問題是他只在第一個產品中更改了數字。我想我需要索引這個產品，但是當我嘗試時，網站只顯示一個產品。

請問，我做什么？

uj5u.com熱心網友回復：

更改副本id='number'，使它們通過包含$id在其中是唯一的。

$run_produtos = mysqli_query($con,$get_produtos);

while($row_produtos=mysqli_fetch_array($run_produtos)){
    
    $id = $row_produtos['id'];
    $categoria = $row_produtos['categoria'];
    $foto = $row_produtos['foto'];
    $nome = $row_produtos['nome'];
    $descricao = $row_produtos['descricao'];
    $preco = $row_produtos['preco'];

    echo "
          <div style='text-align: left;''>
              <center>
                  <img src='produtos/$foto' style='width: 200px; height: auto; border: 2px solid grey'>
                  <h3>$nome</h3>
                  <h4>$descricao</h4>
                  <h3>Valor: R$ $preco</h3>

                  <form>
                      <input style='font-size: 20px;' type='button' onclick='decreaseValue($id)' value='-' />
                      <input style='font-size: 20px; width: 70px; text-align: center;' type='text' id='number$id' value='$number'/>
                      <input style='font-size: 20px;' type='button' onclick='incrementValue($id)' value=' ' />
                  </form>
              </center>
              <hr>
          </div>
          <br>
                ";
}

然后更改 JS 使其使用id引數。

<script>
function incrementValue(id)
{
    var el = document.getElementById('number' id)
    var value = parseInt(el.value, 10);
    value = isNaN(value) ? 0 : value;
    value  ;
    el.value = value;
}
function decreaseValue()
{
    var el = document.getElementById('number' id)
    var value = parseInt(el.value, 10);
    value = isNaN(value) ? 0 : value;
    value--;
    el.value = value;
}
</script>

你也可以<input type='number'>代替。大多數瀏覽器都會 /-在輸入中生成控制元件，所以你不需要自己動手。

標籤：javascript php mysql 按钮

上一篇：使用Javascript基于密碼輸入長度啟用/禁用按鈕

下一篇：如何使用javascript使用按鈕更改字體大小h1-h6？