如何在沒有PHP或數據庫的情況下將表單數據添加到同一頁中的表中？

我有一個模態窗體。我一直在想，如果我在表單中輸入數據並點擊提交，它會自動顯示在同一頁上的表格中。一直試圖使用JQuery，但它不會顯示。如何在沒有PHP或數據庫的情況下將表單數據添加到同一頁中的表中？

2017-09-07 V. Vill

我希望這是你在找什麼，試試吧：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<title>kkgk</title> 
<script src="assets/js/jquery.js"></script> 
<style> 
    table { 
     border: 1px solid black; 
    } 
    td,th { 
     border:1px solid black; 
    } 
</style> 
</head> 

<body> 

<form class="formulaire"> 
    <input type="text" class="field1"> 
    <input type="text" class="field2"> 
    <input type="submit" value="press"> 

</form> 

<table> 
    <tr> 
    <th>Nom</th> 
    <th>Prenom</th> 
    </tr> 
    <tr> 
    <td>Clegane</td> 
    <td>Hound</td> 
    </tr> 
</table> 

<script> 
    $(document).ready(function() { 

    $(".formulaire").submit(function (e) { 
     e.preventDefault() 
     var name = $(".field1").val() 
     var pronoun = $(".field2").val() 

     $("table").append("<tr><td>"+name+"</td><td>"+pronoun+"</td></tr>") 

    }) 
    }) 
</script> 
</body> 
</html>

來源

2017-09-07 08:34:20 TaouBen

如何在沒有PHP或數據庫的情況下將表單數據添加到同一頁中的表中？

回答

相關問題