PHP - 當單擊按鈕時使用for循環將Form Div增加1

我需要添加一個新表單來存儲每次點擊該按鈕時的圖形信息。PHP - 當單擊按鈕時使用for循環將Form Div增加1

每當我點擊按鈕，我應該讓div增加1，這樣新的信息就可以用一個唯一的ID存儲在數據庫中。

.jumbotron{ 
width:1000px; 
height:100px; 
background-color:lightblue; 
} 

<form action = "" method = "post"> 
<input type = "submit" name = "submit" value = "Add a new form"> 
</form> 

<div class = "jumbotron"> 
First Name: <input type="text" name="firstname"><br> 
Last Name: <input type="text" name="lastname"><br> 
</div>

參考這裏：https://jsfiddle.net/rk6eyym6/

來源

2015-10-02 DivyaK

你的問題到底是什麼？ – EluciusFTW

單擊按鈕時，我無法使用for循環做1的div複製。 – DivyaK

好，向我們展示在按鈕提交時執行的代碼。 – EluciusFTW

您想添加更多的形式在「添加新格式」按鈕被點擊？我們可以使用Javascript來實現這一點。但我會教你如何使用一個叫做jQuery的Javascript庫來做到這一點。

首先，下載庫here。

然後，我們可以繼續創建腳本。

<script src="jquery-1.9.1.min.js"></script> <!-- CHANGE THE NECESSARY FILE DEPENDING ON THE VERSION YOU HAVE DOWNLOADED --> 
<script> 

    $(document).ready(function(){ /* PREPARE THE SCRIPT */  
    $("#add").click(function(e){ /* WHEN ADD BUTTON IS CLICKED */ 
     e.preventDefault(); 
     $(".jumbotron").append('First Name: <input type="text" name="firstname[]"><br>Last Name: <input type="text" name="lastname[]"><br>'); /* APPEND TWO MORE FIELDS */ 
    }); 

    }); 
</script>

例如，您可以檢查這個jsfiddle。

請注意，您必須在輸入字段的name標記上添加[]，以便在傳遞它們時將它們解釋爲數組。不這樣做只會導致讀取第一組數據。

來源

2015-10-02 07:52:40

如果我想將不同表單的值存儲到數據庫中，該怎麼辦？ – DivyaK

這是您提交表單後的服務器端腳本。 #LoganWayne解決了你的第一個問題。 –

您可以使用INSERT查詢。您可以查看此[鏈接]（http://php.net/manual/en/mysqli.prepare.php）以獲取更多信息。 –

PHP - 當單擊按鈕時使用for循環將Form Div增加1

回答

相關問題