单击按钮时的新文本字段

Question

我有一个问题，希望有人可以帮助我。我有一个我用html和php构建的网页，其中包含您填写并提交以创建评估的文本字段。我想要做的是能够单击添加另一个标准按钮以向页面添加另一个标准名称和描述字段，然后添加条件和创建按钮将低于创建的最新文本字段集。

所有这些信息都将使用PHP控制器文件存储在数据库中，因此我不确定使用Javascript是否是实现目标的最佳方式。我为我缺乏PHP知识而道歉我对此非常新，任何帮助都会非常感谢谢谢！

Answer 1

使用jQuery添加onClick侦听器并添加字段：

$("#button").on("click", function() {
  $("#containertoappend").append('<input type="text" id="anothercriteria" placeholder="Another criteria">');
  $("#containertoappend").append('<textarea id="anotherdescription" placeholder="Another Description"></textarea>');
});

Answer 2

如果您使用jQuery，这会更容易，但没有，它仍然可能。

    var newCriteria = document.createElement("input");
    newCriteria.setAttribute('placeholder', 'Criteria Name');
    newCriteria.name = 'criteria[]';

    var newDesc = document.createElement("textarea");
    newDesc.setAttribute('placeholder', 'Description');
    newDesc.name = 'description[]';

    document.getElementById("theForm").appendChild(newCriteria);
    document.getElementById("theForm").appendChild(newDesc);

在PHP方面，使用括号将使值成为一个数组：

 for ($x = 0; $x < $_POST['criteria']; $x++) {
    // do something with each $_POST['criteria'][$x] and $_POST['description'][$x]
    }