Wie man nach dem Formular dynamisch zur Tabelle hinzufügt

Dies ist mein Code zur Zeit, wie kann ich den aktuellen Code ändern So kann ich Daten aus dem Formular nach dem Senden eingeben, fügt dann der Tabelle unten hinzu, ich weiß, ich habe zu tun Sie mehr mit JS, um dies zu erreichen, aber kann nichts online finden, die mir helfen wird zu erreichen, was ich tun möchteWie man nach dem Formular dynamisch zur Tabelle hinzufügt

Edit: Was ich versuche zu erreichen, die ich nicht scheinen Online-Ressourcen zu finden, um mir zu helfen, zu sein genau, wenn ich im Film Namen und Datum setzen, nachdem die Werte der Einreichung sollte unter dem Formular

<html> 
<head>  
<title>Movie Details</title> 
<script type="text/javascript"> 
function movieName(){ 
    var name = document.getElementById("movie").value; 

    if (true) 
    { 
     alert(name); 
    } 
} 

function date(){ 
    var released = document.getElementById("dateRelease").value; 

    if (true) 
    { 
     alert(released); 
    } 
} 
</script> 

</head> 
<body> 

<div id="add"> 

    <form name="movieAdd" method="GET"> 

     <fieldset> 

      <legend>Movie Details</legend> 

      <p> 
       <label for="movie">Movie Name:</label> 
       <input type="text" required placeholder="Movie Name"    name="movie" id="movie"/> 
      </p> 

      <p> 
       <label for="date">Date Released:</label> 
       <input type="date" required name="date" id="date"/> 
      </p> 

     </fieldset> 

     <p> 
      <input type="submit" name="submitButton" value="Submit"> 
     </p> 
    </form> 
</div> 

<table id="movieTable" width="350px" border="1"> 
<tr> 
    <th>Number</th> 
    <th>Movie Name</th> 
    <th>Date Released</th> 
</tr> 
</table> 
</body> 
</html>

Quelle

2016-04-18 Gajeel

kann richtig erklären was du genau brauchst? –

es ist nicht, dass es nicht funktioniert, ich kann nicht online Ressourcen finden, die mir helfen können, mein Ziel zu erreichen. Was ich versuche zu tun ist, wenn Sie den Film-Namen und das Datum eingeben, nach dem Einreichen dieser wird in der Tabelle unter dem Formular hinzugefügt werden – Gajeel

Gibt es irgendwelche 'serverseitigen' Manipulationen? Wenn __NO__, Warum muss das Formular gesendet werden? – Rayon

ich empfehle jQuery verwenden würde in der Tabelle gesetzt werden (http://jquery.com/). Sie können es verwenden, um einfach Elemente aus dem Formular auswählen, zum Beispiel:

var movie = $('#movie').val();

Sie können dann eine Tabellenzeile mit den notwendigen Daten leicht anhängen, zum Beispiel:

var $td = $('<td>').text(movie); 
$('#movieTable').append($td);

Ich hoffe, diese Punkte, die Sie in die richtige Richtung.

Quelle

2016-04-18 04:41:32

Wenn Sie PHP verwenden, können Sie die post-Methode verwenden, um dies zu erreichen. Sobald das Formular veröffentlicht wurde, können Sie die Tabelle ausfüllen.

Quelle

2016-04-18 04:47:03

Wie man nach dem Formular dynamisch zur Tabelle hinzufügt

Antwort

Verwandte Themen