不能让我的表格提交

Question

我创建了一个单击按钮时出现的表单。这是使用Jquery .append

实现的

$(document).ready(function(){
$("#adddiet").click(function () {
$('#newbox').append("<div class='span3 diet'><div class='diet-content'><h3>Add a diet</h3></div><div class='content-text2'><form action='sendDietContent.php' method='post'><strong>Title:</strong> <input type='text' name='title'><br><strong>Description:</strong><input type='text' name='description'><br></div><div class='diet-button'><input type='submit'></div></form></div>"); });  });

但是，点击提交按钮时没有任何反应？

这是它应该调用的PHP：

<?php
require 'DB/connect.php';
$date = date('Y-m-d H:i:s');
mysqli_query($connect,"INSERT INTO ContentDiet (title, description, dateAdded)
VALUES ('$_POST[title]', '$_POST[description]', '$_POST[$date]')"; 
?>

Answer 1

您的HTML代码格式不正确。表单标记以div开头，该div位于比提交按钮更低的级别，因此提交按钮不会包含在表单中。试试这段代码：

$(document).ready(function(){
$("#adddiet").click(function () {
$('#newbox').append("<div class='span3 diet'><form action='sendDietContent.php' method='post'><div class='diet-content'><h3>Add a diet</h3></div><div class='content-text2'><strong>Title:</strong> <input type='text' name='title'><br><strong>Description:</strong><input type='text' name='description'><br></div><div class='diet-button'><input type='submit'></div></form></div>"); });  });