使用javascript創建表單並將輸入返回到php

Question

已經嘗試了一段時間才能使其工作。我想要的是，當用戶點擊create Card時，表單應該彈出多個字段，以便他們可以看到$key[2]並寫出問題和答案。

如果有人能指出我正確的方向來創建這種形式的JavaScript和解釋如何從該形式返回到PHP將變得真棒的變量。我試圖使用xmlhttprequest，我不知道這是否最好。

<?php 
if (isset($myNotes)) { 
    foreach ($myNotes as $key) { 
     Print "<li>$key[2] <a href=''><dif onclick='createCard()'>(Create Card)</dif></a></li>"; 
    } 
} 
?> 

function createCard() 
{ 
    xmlhttp=new XMLHttpRequest(); 
    var question; 
    var answer; 

    question=prompt("Enter Q:",""); 
    answer=prompt("Enter Answer:",""); 

    xmlhttp.open("GET","control.php?q="+question, true); 
    xmlhttp.send(); 
} 

Answer 1

你可以有一個包含其時，顯示在createCard用戶點擊的形式隱藏股利。

<div id="popupdiv" style="display:none"> 
<p>Question: <input type="text" id="question"></p> 
<p>Answer: <input type="text" id="answer"></p> 
<input type="button" onclick="processCard()"> 
</div> 



function createCard(){ 

    // This displays the popup with your form. 
    document.getElementById("popupdiv").style.display = "block"; 
} 

function processCard(){ 

    // This grabs the data and sends it server and then hides the div again. 
    var question = document.getElementById("question").value; 
    var answer = document.getElementById("answer").value; 
    xmlhttp=new XMLHttpRequest(); 
    xmlhttp.open("GET","control.php?q="+question+"&a="+answer, true); 
    xmlhttp.send(); 
    document.getElementById("popupdiv").style.display = "none"; 
} 




<?php 
$question = $_GET['question']; 
$answer = $_GET['answer']; 
?>