如何将div标记中的数据存储到数据库中

Question

我需要在我的数据库中插入一个div值，正如你在div中每个座位的代码中看到的那样，所以我为每个div座位使用了隐藏输入，我为所有输入都指定了相同的名称，但它们有不同的值来将其存储在数据库中。问题是，即使你选择了第一个座位，它也只存储在最后一个座位。这是由CSS、js、，工具提示

<form action="process.php" method="post" enctype="multipart/form-data">
<div class="plan">
<h3 class="plan__title">Seating Plan</h3>
<div class="rows rows--mini">
<div class="row">
<div class="row__seat tooltip" data-tooltip="B1">
<input type="hidden" name="seat" value="B1"></div>
<div class="row__seat tooltip" data-tooltip="B2">
<input type="hidden" name="seat" value="B2"> </div>
<div class="row__seat tooltip" data-tooltip="B3">
<input type="hidden" name="seat" value="B3"></div>
<input type="submit" name="save" value="submit">
</div>
<!-- /plan -->
</form>

<?php
$host="localhost";
$username="root";
$password="";
$db_name="movieDb";
// Create connection
$conn = new mysqli($host, $username, $password,$db_name);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
} else{

}

if (isset($_POST['save'] )&& !empty($_POST['save']))
{
$seat=$_POST['seat'];
if (!(empty($seat) ))
{
$var=new AddProduct();
$var->productAdd($conn);
}
}
else{
}
?>
<?php 
class AddProduct{
public function productAdd($conn)
{
$sql="insert into seates(sn) values(?);";
if(($stmt=$conn->prepare($sql))) {
$stmt->bind_param("s",$seat);
}else
{
var_dump($conn->error);
}
$seat=$_POST['seat'];
$stmt->execute();
$stmt->close();
$_SESSION['msg']="Theater Successfully  Added";
header ("Location: index.php" );
}
}
?>

Answer 1

U为每个div给定了相同的name，并在表单submit上发送所有输入值。所以它只会取最后一个值，即B3，所以我建议给每个div提供不同的id，然后使用javascript用这个特定的值进行Ajax调用。