根据所选项目提交表格

时间:2014-12-17 12:17:28

标签: javascript php jquery html post

我遇到了问题,我从数据库中检索了一个菜单 我想根据所选项目通过邮寄将表单提交到php页面 每当我点击一个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 -->            

1 个答案:

答案 0 :(得分:0)

你重复了很多项目并写出了元素。其中一个要素是表格:

<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();
}