php - 带有下拉列表和预选选项的购物车

标签 php html mysql

我现在拥有的

enter image description here 

<!DOCTYPE html>  
 <html>  
      <head>  
           <meta charset="UTF-8">
           <title> Simple PHP Mysql Shopping Cart</title>  
           <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>  
           <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />  
           <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>  
      </head>  
      <body>  
           <br />  
           <div class="container" style="width:700px;">  
                <h3 align="center">LS-Net Shopping Cart</h3><br />  
                <?php  
                $query = "SELECT * FROM tbl_product ORDER BY id ASC";  
                $result = mysqli_query($connect, $query);  
                if(mysqli_num_rows($result) > 0)  
                {  
                     while($row = mysqli_fetch_array($result))  
                     {  
                ?>  
                <div class="col-md-4">  
                     <form method="post" action="index.php?action=add&id=<?php echo $row["id"]; ?>">  
                          <div style="border:1px solid #333; background-color:#f1f1f1; border-radius:5px; padding:16px;" align="center">  
                               <img src="<?php echo $row["image"]; ?>" class="img-responsive" /><br />  
                               <h4 class="text-info"><?php echo $row["name"]; ?></h4>  
                               <h4 class="text-danger">DKK <?php echo $row["price"]; ?></h4>  
                               <input type="text" name="quantity" class="form-control" value="1" />  
                               <input type="hidden" name="hidden_name" value="<?php echo $row["name"]; ?>" />  
                               <input type="hidden" name="hidden_price" value="<?php echo $row["price"]; ?>" />  
                               <input type="submit" name="add_to_cart" style="margin-top:5px;" class="btn btn-success" value="Add to Cart" />  
                          </div>  
                     </form>  
                </div>  
                <?php  
                     }  
                }  
                ?>  
                <div style="clear:both"></div>  
                <br />  
                <h3>Order Details</h3>  
                <div class="table-responsive">  
                     <table class="table table-bordered">  
                          <tr>  
                               <th width="40%">Item Name</th>  
                               <th width="10%">Quantity</th>  
                               <th width="20%">Price</th>  
                               <th width="15%">Total</th>  
                               <th width="5%">Action</th>  
                          </tr>  



                          <?php   
                          if(!empty($_SESSION["shopping_cart"]))  
                          {  
                               $total = 0;  
                               foreach($_SESSION["shopping_cart"] as $keys => $values)  
                               {  
                          ?>  
                          <tr>  
                               <td><?php echo $values["item_name"]; ?></td>  
                               <td><?php echo $values["item_quantity"]; ?></td>  
                               <td>DKK <?php echo $values["item_price"]; ?></td>  
                               <td>DKK <?php echo number_format($values["item_quantity"] * $values["item_price"], 2); ?></td>  
                               <td><a href="index.php?action=delete&id=<?php echo $values["item_id"]; ?>"><span class="text-danger">Remove</span></a></td>  
                          </tr>  
                          <?php  
                                    $total = $total + ($values["item_quantity"] * $values["item_price"]);  
                               }  
                          ?>  
                          <tr>  
                               <td colspan="3" align="right">Total</td>  
                               <td align="right">DKK <?php echo number_format($total, 2); ?></td>  
                               <td></td>  
                          </tr>  
                          <?php  
                          }  
                          ?>  
                     </table>  
                </div>  
           </div>  
           <br />  
      </body>  
</html>
<小时/> 
<?php  
 session_start();  
 $connect = mysqli_connect("localhost", "root", '', "test"); 
$connect = new mysqli("localhost", "root", "", "test");
$connect->set_charset("utf8");

 if(isset($_POST["add_to_cart"]))
 {  
      if(isset($_SESSION["shopping_cart"]))  
      {  
           $item_array_id = array_column($_SESSION["shopping_cart"], "item_id");  
           if(!in_array($_GET["id"], $item_array_id))  
           {  
                $count = count($_SESSION["shopping_cart"]);  
                $item_array = array(  
                     'item_id'               =>     $_GET["id"],  
                     'item_name'               =>     $_POST["hidden_name"],  
                     'item_price'          =>     $_POST["hidden_price"],  
                     'item_quantity'          =>     $_POST["quantity"]  
                );  
                $_SESSION["shopping_cart"][$count] = $item_array;  
           }  
           else  
           {  
                echo '<script>alert("Item Already Added")</script>';  
                echo '<script>window.location="index.php"</script>';  
           }  
      }  
      else  
      {  
           $item_array = array(  
                'item_id'               =>     $_GET["id"],  
                'item_name'               =>     $_POST["hidden_name"],  
                'item_price'          =>     $_POST["hidden_price"],  
                'item_quantity'          =>     $_POST["quantity"]  
           );  
           $_SESSION["shopping_cart"][0] = $item_array;  
      }  
 } 
 if(isset($_GET["action"]))  
 {  
      if($_GET["action"] == "delete")  
      {  
           foreach($_SESSION["shopping_cart"] as $keys => $values)  
           {  
                if($values["item_id"] == $_GET["id"])  
                {  
                     unset($_SESSION["shopping_cart"][$keys]);  
                     echo '<script>alert("Item Removed")</script>';  
                     echo '<script>window.location="index.php"</script>';  
                }  
           }  
      }  
 }  
 ?>

我正在尝试将所有 3 个框合并为一个，因此只显示一个框，我想这应该很简单。

但是如何在 <h4> 之间创建一个下拉列表和价格？ 例子;当您选择“lille mål”时，它会将下面的价格更改为“lille måls”价格。 当您从下拉列表中选择某些内容时，这些图像是不相关的，以便进行更改。 您可以查看所附图片，以便将其可视化。

谢谢。 :-)

最佳答案 

Like this? 


<!DOCTYPE html>  
 <html>  
      <head>  
           <meta charset="UTF-8">
           <title>LS-net Cart</title>  
           <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>  
           <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />  
           <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>  
      </head>  
      <body>  
           <br />  
           <div class="container" style="width:700px;">  
                <h3 align="center">Simple PHP Mysql Shopping Cart</h3><br />  

                <div class="col-md-4">  
                     <form method="post" action="index.php?action=add&id=1">  
                          <div style="border:1px solid #333; background-color:#f1f1f1; border-radius:5px; padding:16px;" align="center">  
                               <img src="1.jpg" class="img-responsive" /><br />  
                               <h4 class="text-info">Fodboldmål</h4>  
                               <h4 class="text-danger">DKK 595.00</h4>  
                               <input type="text" name="quantity" class="form-control" value="1" />  
                               <input type="hidden" name="hidden_name" value="Fodboldmål" />  
                               <input type="hidden" name="hidden_price" value="595.00" />  
                               <input type="submit" name="add_to_cart" style="margin-top:5px;" class="btn btn-success" value="Add to Cart" />  
                          </div>  
                     </form>  
                </div>  

                <div class="col-md-4">  
                     <form method="post" action="index.php?action=add&id=2">  
                          <div style="border:1px solid #333; background-color:#f1f1f1; border-radius:5px; padding:16px;" align="center">  
                               <img src="2.jpg" class="img-responsive" /><br />  
                               <h4 class="text-info">Træning</h4>  
                               <h4 class="text-danger">DKK 375.00</h4>  
                               <input type="text" name="quantity" class="form-control" value="1" />  
                               <input type="hidden" name="hidden_name" value="Træning" />  
                               <input type="hidden" name="hidden_price" value="375.00" />  
                               <input type="submit" name="add_to_cart" style="margin-top:5px;" class="btn btn-success" value="Add to Cart" />  
                          </div>  
                     </form>  
                </div>  

                <div class="col-md-4">  
                     <form method="post" action="index.php?action=add&id=3">  
                          <div style="border:1px solid #333; background-color:#f1f1f1; border-radius:5px; padding:16px;" align="center">  
                               <img src="3.jpg" class="img-responsive" /><br />  
                               <h4 class="text-info">Lille mål</h4>  
                               <h4 class="text-danger">DKK 299.00</h4>  
                               <input type="text" name="quantity" class="form-control" value="1" />  
                               <input type="hidden" name="hidden_name" value="Lille mål" />  
                               <input type="hidden" name="hidden_price" value="299.00" />  
                               <input type="submit" name="add_to_cart" style="margin-top:5px;" class="btn btn-success" value="Add to Cart" />  
                          </div>  
                     </form>  
                </div>  

                <div style="clear:both"></div>  
                <br />  
                <h3>Order Details</h3>  
                <div class="table-responsive">  
                     <table class="table table-bordered">  
                          <tr>  
                               <th width="40%">Item Name</th>  
                               <th width="10%">Quantity</th>  
                               <th width="20%">Price</th>  
                               <th width="15%">Total</th>  
                               <th width="5%">Action</th>  
                          </tr>  




                     </table>  
                </div>  
           </div>  
           <br />  
      </body>  
 </html>

关于php - 带有下拉列表和预选选项的购物车，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50249576/

上一篇：php - 搜索错误: select: memory exhausted | SPHINX Search

下一篇：mysql - 使用Web应用程序将Excel工作表数据导入Mysql

相关文章：

php - PHP 5.3 的 ereg/eregi 替代品

来自数据库的 PHP 权限级别

python - 处理 ElasticSearch 最 Pythonic 的方法是什么？

python - "Can' t 连接到 'localhost' (10061) 上的 MySQL 服务器“python 错误

php - 尝试从 MySQL 中的 PHP 输出到 Div

php - 在自定义帖子类型中使用 ACF 复选框字段来过滤不同自定义帖子类型的结果

PHP 依赖注入(inject)和继承

html - 如何叠加图像

asp.net - 为什么当我编辑 css 页面时文本没有改变颜色？

html - 如何在 CSS 中创建复杂的阴影？

©2024 IT工具网  联系我们