如何使输入影响回声

Question

在这个问题中，当我用按钮将一个数字与数量相加时，我想更改总数但它没有改变，即这一行：

<td width="20%" class="Text-center"><?php echo number_format($producto['PRECIO']*$producto['CANTIDAD'],2);  ?></td>

这是php代码

  <tr>

        <td width="40%"><?php echo $producto['NOMBRE'] ?></td>

        <td><button onclick="add_number()">mas</button><input type="text" id="suma" name="suma" value="<?php echo $producto['CANTIDAD'] ?>" readonly="readonly"></input></td>

        <td width="20%" class="Text-center"><?php echo $producto['PRECIO'] ?></td>

        <td width="20%" class="Text-center"><?php echo number_format($producto['PRECIO']*$producto['CANTIDAD'],2);  ?></td>

        <td width="5%">

            <form action="" method="post">

                <input type="hidden" 

                name="id" 

                value="<?php echo openssl_encrypt($producto['ID'],COD,KEY); ?>">

                <button 

                class="btn btn-danger" 

                type="submit"

                name="btnAccion"

                value="Eliminar"

                >Eliminar</button>

            </form>

    </td>

    </tr>

这是Java代码：

function add_number() {

    var first_number = parseInt(document.getElementById("suma").value);

    var result = first_number + 1;

    document.getElementById("suma").value = result

}

Answer 1

在增加数量值的函数add_number中，您还可以每次将价格添加到表格的总单元格中，如下更改您的 JavaScript 函数：function add_number() {&nbsp; &nbsp; var suma = parseInt(document.getElementById("suma").value); /* get current quantity */&nbsp; &nbsp; var total = parseInt(document.getElementById("total").innerHTML); /* get current total */&nbsp; &nbsp; var percio = parseInt(document.getElementById("percio").innerHTML); /* get price */&nbsp; &nbsp; document.getElementById("suma").value = suma + 1; /* change quantity */&nbsp; &nbsp; document.getElementById("total").innerHTML = (suma + percio).toFixed(2); /* change total */}innerHTML注意和的用法value。不同之处在于value用于<input>标记而innerHTML用于<td>标记。另请注意，您需要为总单元格和价格单元格设置 id，以便在 JavaScript 函数中读取和写入它们。<td width="20%" class="Text-center" id="percio">&nbsp; &nbsp; <?php echo $producto['PRECIO'] ?></td><td width="20%" class="Text-center" id="total">&nbsp; &nbsp; <?php echo number_format($producto['PRECIO']*$producto['CANTIDAD'],2);&nbsp; ?></td>