1. 首页
  2. 问答
  3. 显示html代码后点击按钮

显示html代码后点击按钮

2017-05-12 230 views
-1

我想创建一个网页显示没有包含按钮添加新的问题。当用户点击它时，它每次都会添加两个输入类型的文本。点击时，我保存输入数据库的信息。我将如何做到这一点？显示html代码后点击按钮

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

来源

2017-05-12 Mossab Saaidia

+1

你没有问一个问题。你需要哪部分的要求？整个“保存在数据库中”的事情对于这种格式来说过于宽泛。关于显示的HTML，这是孤立的有效，但如果你想添加额外的副本，当一个按钮被点击会导致无效的HTML，因为那么你会有重复的ID。这些元素应该有一个'name'属性并且位于一个'

'元素中，以便它们可以被提交。 – nnnnnn

+0

我现在在一个网站上工作，我喜欢给用户添加一个问题和他的答案的权利，然后我将它保存在我的数据库中，对此问题无法解决！ –

回答

0 

<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>

来源

2017-05-12 03:52:32

0

好的，对于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>

来源

2017-05-12 03:40:23

相关问题

 相关问题