个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我现在拥有的
<!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/
25
4
0
我正在尝试使用 NHibernate 实现特权，而我想做的是每次有一个 Select 查询时，检查返回类型是什么，以及它是否是我想要的启用安全的类型(例如发票)向 ICriteria 对象添加限制，以
在我的应用程序 UI 中，我有以下字段:显示日期的日期选择器、小时下拉列表、分钟下拉列表和上午/下午下拉列表。 ViewModel 正在返回一个日期时间值，我根据该值设置下拉列表: function
我正在使用 jquery-bootgrid 插件。我将为用户提供在全局范围内存储一些值的可能性，例如语言等，然后将应用于每次访问。 Bootgrid 提供了设置一些可用的 rowCounts 来显示的
我无法理解为什么 Select2 只解析 val() 数组的第一个值。我尝试过 Select2 v4.0.3无论数组中的值的个数，Select2 仍然只显示数组的第一个值。 因此，我需要填充事件 (m
easygui 中的多项选择框似乎总是默认选择一个选项。可以根据所需选项的索引使用预选参数更改所选选项。有没有办法让一开始就没有选择任何选项？我尝试过 preselect=False ，这只给了我索引
我试图在 中获取一个预选值，我已经尝试了多个教程并在此处寻找答案，但都没有奏效。这是交易 -> 我用 $http.get("api/shifts") 加载我的类次，然后: 它会转到模态窗口。但在此
我正在尝试绑定(bind)来自 Web 服务的数据，然后使用该数据预填充表单。除单个多选元素外，所有表单控件均正确绑定(bind)。如果我手动选择一个选项，模型就会更新。下面是我的 Controlle
我有一个表单，将填充 mysql 表中的数据: $db = mysql_connect("localhost:3306", "user", "pass"); mysql_select_
在 R 中，我希望为 gvisTable 设置输出选择，以便突出显示特定的行或列。 例如我有以下代码: a <- as.data.frame(matrix(1:100, nrow=10)) plot(
在以下 2 个 html 代码片段中，我尝试创建 xpath 或 css 以查找加载页面时是否突出显示(预选)了 span(片段 1 中的元素 1 和片段 2 中的元素 2) 片段 1:
了解下拉列表，我正在尝试为 nerddinner 添加一个 RSVP 创建页面，如 Scott Gu's blog使用 Html.DropDownList 列出可用的晚餐。 我可以填充下拉列表，但无法
我是一名优秀的程序员,十分优秀！