1. 首頁
  2. 問答
  3. 顯示html代碼後點擊按鈕

顯示html代碼後點擊按鈕

2017-05-12 183 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

相關問題

 相關問題