单击按钮后显示html代码[关闭]答案

【问题标题】：show html code after clicking on button [closed]单击按钮后显示html代码[关闭]
【发布时间】：2017-05-12 03:16:43
【问题描述】：

我想创建一个网页显示不包含按钮添加新问题。当用户点击它时，它每次都会添加两个输入类型的文本。单击它时，我将输入的信息保存在数据库中。我该怎么做？

<input type="text" id="question"> <input type="text" id="answer">

【问题讨论】：

你没有问问题。您在要求的哪一部分遇到问题？整个“保存在数据库中”对于这种格式来说太宽泛了。关于显示的 HTML，这是单独有效的，但是如果您想在单击按钮时添加它的额外副本，则会导致 HTML 无效，因为您将拥有重复的 ID。元素应具有name 属性并位于<form> 元素中，以便可以提交。
我现在在一个网站上工作，我想给用户添加一个问题和他的答案的权利，然后我把它保存在我的数据库中，这个问题没有解决方案！

标签： javascript php html mysql database

【解决方案1】：

<html>
<head>
    <script>
        function FNADDTEXTFIELD() {
        var PreviousFields=document.getElementById('txtField').innerHTML;
            document.getElementById('txtField').innerHTML =PreviousFields+ '<input type="text"><br>&ensp;<br><input type="text"><br>&ensp;<br>'
        }
    </script>
</head>
<body>
    <div id="txtField">
    </div>
    <button type="button" onclick="FNADDTEXTFIELD()">Click me</button>
</body>
</html>

【讨论】：

【解决方案2】：

好的，关于 PHP 部分，请提出一个新问题。但是，这里是“单击按钮后显示 html 代码”的答案。

var i = 0;

jsForm = document.getElementById("js-form");

function addInputs() {
  i++;
  jsForm.innerHTML += '<div class="group-'+ i +'"><h3>Group '+ i + '</h3>Question: <input type="text" name="question' + i +'"><br>Answer: &nbsp; <input type="text" name="answer' + i + '"></div>';
}

<button onclick="addInputs()">Ask a new question</button>

<form id="js-form" action="process.php" method="POST">
</form>

【讨论】：