javascript - 根据所选项目提交表格

Question

我有一个问题，我从数据库中检索了一个菜单 我想根据所选项目通过邮寄方式将表单提交到php页面 每次我单击 a href 链接“添加”时，帖子的值都是菜单中唯一的第一项

while($MenuItem=mysql_fetch_array($rc))
                                {   

                                ?>

    <!--To send item info to single-product page -->                        
    <div class="col-md-4">
        <div class="products">
                <!-- <a href="single-product.php" > -->
                <a href="single-product.php?id=<?php echo $MenuItem['Item_ID']?>">
                    <img src="images/<?php echo $MenuItem['Item_Image']; ?>"  alt="" />
                </a>                            
                <a href="single-product.php?id=<?php echo $MenuItem['Item_ID']?>">
                    <h4> <?php echo $MenuItem['Item_Name']?> </h4>
                </a>
                <p class="price"> <?php echo $MenuItem['Item_Price']?></p>
                <div class="row lead">
                    <center><div id="stars" class="starrr"></div></center>
                </div>
                <form method="post" action="AddtoCart.php" id="productFrom">
                <input type = "hidden" value="<?php echo $MenuItem['Item_ID']?>" name="CC" />   
                </form>
                <a class="view-link shutter" href="javascript: submitForm();" name="Add">
                    <i class="fa fa-plus-circle"></i>Add To Cart</a>                            
        </div>  <!-- End of /.products -->
   </div> <!-- End Of /.Col-md-4 -->            

Answer 1

您正在重复许多项目并写出元素。其中一个元素是表单:

<form method="post" action="AddtoCart.php" id="productForm">
    <input type = "hidden" value="<?php echo $MenuItem['Item_ID']?>" name="CC" />
</form>

但是它有一个硬编码的 id 属性 - productForm。这意味着页面中的每个表单都具有相同的 ID，这是无效的 - ID 应该是唯一的。 submitForm 函数通过 ID 获取表单，因此总是会找到第一个具有该 ID 的表单并提交它，这就是您的问题。

为了解决这个问题，每个表单都需要有一个唯一的 ID:

<form method="post" action="AddtoCart.php" id="productForm<?php echo $MenuItem['Item_ID']?>">
    <input type = "hidden" value="<?php echo $MenuItem['Item_ID']?>" name="CC" />
</form>

这需要传递到您的 submitForm 函数中:

<a class="view-link shutter" href="javascript: submitForm('<?php echo $MenuItem['Item_ID']?>');" name="Add">

然后可以调整以使用它:

function submitForm(formID) {
    $('#productForm' + formID).submit();
}