扩展并保存其内容的表通过post发送其内容。（PHP和JavaScript）
我正在尝试创建一个在按下按钮时扩展的表。提交表单（表格）时，内容应通过post发送到另一个文件（保存在db中的文件） 以下是该页面的模型： 按下+按钮时，应添加另一个按钮，如“Äpfel”或“Milch”。在这些按钮上，名称（例如äpfel）和数量（每个按钮右下角的文本）应该可以更改（用户输入） 还有一个保存按钮，用于保存产品。（提交表单） 这一切都应该使用php和Js来完成。 遗憾的是，我对php和js还不熟悉，我不知道如何使这些按钮操作系统的输入在表单提交后可以从帖子中获得 以下是我到目前为止的情况：扩展并保存其内容的表通过post发送其内容。（PHP和JavaScript）,javascript,php,html,Javascript,Php,Html,我正在尝试创建一个在按下按钮时扩展的表。提交表单（表格）时，内容应通过post发送到另一个文件（保存在db中的文件） 以下是该页面的模型： 按下+按钮时，应添加另一个按钮，如“Äpfel”或“Milch”。在这些按钮上，名称（例如äpfel）和数量（每个按钮右下角的文本）应该可以更改（用户输入） 还有一个保存按钮，用于保存产品。（提交表单） 这一切都应该使用php和Js来完成。 遗憾的是，我对php和js还不熟悉，我不知道如何使这些按钮操作系统的输入在表单提交后可以从帖子中获得 以下是我到目前
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css">
<title>Add List</title>
</head>
<body>
<form action="../DB files/addlistDB.php" method="POST">
<h3><input type="text" name="list-title" id="list-title" value="Enter Listname"></h3>
<table id="product-table">
</table>
<button type="button" id="add-product-button" onclick="addproductrow()">+</button>
<button type="submit" class="savebtn">Save</button>
</form>
<script>
function addproductrow() {
var table = document.getElementById("product-table");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = '<button class="btn"><input type="text"></button>';
cell2.innerHTML = '<button class="btn"><input type="text"></button>';
}
</script>
</body>
</html>
添加列表
+
拯救
函数addproductrow（）{
var table=document.getElementById（“产品表”）；
var行=table.insertRow（0）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
cell1.innerHTML=''；
cell2.innerHTML=''；
}
函数addproductrow（）{
var table=document.getElementById（“产品表”）；
var行=table.insertRow（0）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
cell1.innerHTML=''；
cell2.innerHTML=''；
}