提交表格的每一行，將該行的數據插入到數據庫

Question

正如你所看到的，我有這個頁面，每個表格行上都有'add to cart'按鈕。比方說，我點擊「添加到購物車」的產品ID爲1的錶行，我想要productid，productname，cartquantity轉移到另一個網頁上的購物車。可能嗎？

好了，所以你可以看到我想產品ID 1添加到我的車與量3.但是，當我按下添加到購物車

它總是跑到我的最後的productid是shofffwef並將其添加到購物車中。不知道是怎麼回事錯:(

下面是添加到購物車按鈕

if(isset($_POST['insert'])){ //$_POST[X] X = name of textbox (***You got to do this In BASHOP) take note the productname.    
    $queryinsert = "insert into cart(productid,productname,cartquantity,amount) SELECT productid,productname,'$_POST[cartquantity]', '50' FROM product WHERE productid='$_POST[hidden]'";  
      mysqli_query($dbconn,$queryinsert);             
    } 

這裏是我的代碼，以顯示該表中的第一張照片。

while($row = mysqli_fetch_array($result)) { 
    echo "<tr>"; 
    echo "<td>"."<input type = 'text' name='productid' value=". $row['productid'] ."></td>"; 
    echo "<td>"."<input type = 'text' name='productname' value=". $row['productname'] ."></td>"; 
    echo "<td>" . $row['retailprice'] . "</td>"; 
    echo "<td>" . $row['pointsformula'] . "</td>"; 
    echo "<td>"."<button type='button' class='quantityaddsub' id='sub' onclick='quantitysub(".$row['productid'].")'>-</button>". 
        "<input type='text' class='quantity' name='cartquantity' id='quantity".$row['productid']."' value=1>". 
        "<button type='button' class='quantityaddsub' id='add' onclick='quantityadd(".$row['productid'].")'>+</button>". 
    "<input type='hidden' name='hidden' value=".$row['productid']."></td>"; 
    echo "<td>" . "<input type='submit' name='insert' value='Add To Cart'" . "></td>"; 
    echo "</tr>"; 
} 
echo "</table>"; 

我的SQL代碼

我到處搜索，但沒有找到解決辦法，請幫助我謝謝！

Answer 1

你檢查過，如果項目已插入到數據庫中的表（它應該命名爲「cartitem s「或類似的..）？

據我所知，購物車頁面只是檢索該表中的項目。 因此，首先確保項目已成功插入。

Answer 2

實際上，您不需要每行上的<form>標籤 - 事實上，如果您使用AJAX提交表單，則根本不需要<form>標籤。即使您將表格作爲表單提交，您也只需要一組<form>標籤。

你需要什麼，但是，有一些JavaScript管理添加到購物車過程。

jsFiddle Demo

基本上，你需要在網頁上創建軟cart。爲此，您可以使用JavaScript變量或隱藏的輸入字段。讓我們用一個隱藏的輸入字段，並把它取消隱藏暫且所以你可以看到發生了什麼事情：

<form id="tcform" method="post" action="checkout.php"> 
    <input type="text" id="tempcart" /><!-- when ready, change to type="hidden" --> 
</form> 

每次的AddToCart按鈕被點擊，它會添加TR的id到購物車中。爲方便起見，我們爲每個TR的ID，添加產品ID爲TR的ID的組成部分：

$out = "<table>"; 
while($row = mysqli_fetch_array($result)) { 
    $out .= "<tr id='tr_" .$row['productid']. "'>"; 
    $out .= "<td>"."<input type = 'text' name='productid' value=". $row['productid'] ."></td>"; 
    $out .= "<td>"."<input type = 'text' name='productname' value=". $row['productname'] ."></td>"; 
    $out .= "<td>" . $row['retailprice'] . "</td>"; 
    $out .= "<td>" . $row['pointsformula'] . "</td>"; 
    $out .= "<td>"."<button type='button' class='quantityaddsub' id='sub' onclick='quantitysub(".$row['productid'].")'>-</button>". 
        "<input type='text' class='quantity' name='cartquantity' id='quantity".$row['productid']."' value=1>". 
        "<button type='button' class='quantityaddsub' id='add' onclick='quantityadd(".$row['productid'].")'>+</button>". 
    "<input type='hidden' name='hidden' value=".$row['productid']."></td>"; 
    $out .= "<td>" . "<input type='submit' name='insert' value='Add To Cart'" . "></td>"; 
    $out .= "</tr>"; 
} 
$out .= "</table>"; 
echo $out; 

現在，每個TR有一個ID，如：tr_17

你AddToCart代碼可以看看像這樣：

$('.btnAddToCart').click(function(){ 
    var thisTR = $(this).closest('tr'); 
    thisTR.addClass('clicked'); //optional - use CSS to color row 
    var trid = thisTR.attr('id'); //tr_17 
    trid = trid.split('_')[1]; //17 
    $('#tempcart').val($('#tempcart').val() +'|'+ trid); 
}; 

當點擊結帳按鈕，你可以使用JavaScript來發送，而不是tcform：

$('#btnCheckout').click(function(){ 
    $('#tcform').submit(); 
}); 

注意，上面的例子使用jQuery的，所以一定要包括它的圖書館：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 

---

最後說明一點：當您正在排查的項目尚且如此，掰成步驟。應該首先使用硬編碼值來測試頁面（或者稱爲你的任何東西）。

一旦可靠地將硬編碼的值放入數據庫中，接下來測試它接收的數據。通過創建一個虛擬checkout.php頁面來實現這一點，該頁面僅通過$_POST收到的數據回顯屏幕。一旦你確定這兩部分工作正常，然後把它們放在一起，並希望它會第一次工作。如果沒有，至少你知道什麼是工作，調試工作更簡單/更快。

Bon機會。

Answer 3

你需要用自己的形式分隔每一行。假設你想避免jQuery

while($row = mysqli_fetch_array($result)) { 
echo "<tr><form action='otherscript.php' method='POST'>"; 
echo "<td>"."<input type = 'text' name='productid' value=". $row['productid'] ."></td>"; 
echo "<td>"."<input type = 'text' name='productname' value=". $row['productname'] ."></td>"; 
echo "<td>" . $row['retailprice'] . "</td>"; 
echo "<td>" . $row['pointsformula'] . "</td>"; 
echo "<td>"."<button type='button' class='quantityaddsub' id='sub' onclick='quantitysub(".$row['productid'].")'>-</button>". 
       "<input type='text' class='quantity' name='cartquantity' id='quantity".$row['productid']."' value=1>". 
       "<button type='button' class='quantityaddsub' id='add' onclick='quantityadd(".$row['productid'].")'>+</button>". 
"<input type='hidden' name='hidden' value=".$row['productid']."></td>"; 
echo "<td>" . "<input type='submit' name='insert' value='Add To Cart'" . "></td>"; 
echo "</form></tr>"; 
} 
echo "</table>"; 

這樣，當你點擊提交，只發送該行的數據。現在它有點混亂。