javascript - 使用 javascript 设置输入元素的值并使用 php 获取该值

Question

这里我有一个表单和输入元素:

购物车.php

<form id="cartform" action="cart.php?action=update&pd=<?php echo $row['product_id'] ?>" name="form1" method="post">
<?php
    $query = "select * from cart where customer_id='$user' ";
    $result = mysqli_query($con,$query);$payableamount = 0;$totalsavings = 0;
    while($row = mysqli_fetch_array($result))
    {
        $productid = $row['product_id'];
        $query2 = "select * from product where product_id='$productid'";
        $result2 = mysqli_query($con,$query2);
        while($row2=mysqli_fetch_array($result2))
        {
?>
            <input tpe="text"  name="quantxt[]" id="quantxt" value="<?php echo $qty = $row['quantity']; ?>" onkeyup="showsubmit(<?php echo $row['cart_id'] ?>,<?php echo $row['product_id'] ?>)">
            <input type="text" name="s1" id="s1" value=""/>
            <input style="visibility:hidden;width:80px;border-radius:10px;background-color:green;border:none;padding:5px;color:white;"
               type="submit"
               name="sub_<?php echo $row['cart_id'] ?>"
               id="sub_<?php echo $row['cart_id'] ?>"
               value="UPDATE">
</table>    
</form>

JavaScript 是:

<script>
    function showsubmit(id,prodid)
    {
        alert(id);
        alert(prodid);
        document.getElementById("sub_"+id).style.visibility ="visible";
        document.getElementById("s1").value = prodid;
        f = document.getElementById("s1").value;
        alert("product id is:"+f);
    }
</script> 

当我访问 cart2.php 中 s1 元素的值时，它什么也没给出。在下一页上 s1 没有值，而我期待使用 javascript 更新的值

$prod_id = $_POST['s1'];
echo "product id of clickable product is:".$prod_id."<br>";

Answer 1

这一行:

<input type="text" name="s1" id="s1" value=""/>

在循环内。你能确保循环只返回一行吗？因为如果不是，那么您将创建具有相同 id 的多个元素，而 javascript 无法正确捕获这些元素。 id 应该是唯一的。如果有多个相同的 id，它将捕获第一个匹配项并停止。