Как динамически добавить в таблицу после отправки формы

Это мой код в настоящее время, как я могу изменить текущий код. Таким образом, я могу вводить данные из формы после отправки, затем добавляет в таблицу ниже, я знаю, что я добрался до сделайте больше с JS, чтобы достичь этого, но не можете найти что-либо в Интернете, которое поможет мне выполнить то, что я хочу сделать.Как динамически добавить в таблицу после отправки формы

Редактировать: Что я пытаюсь выполнить, на что я не могу найти онлайн-ресурсы, чтобы помочь мне, быть точное, когда я положил в название фильма и дата, после представления значения должны быть помещены в таблице ниже форме

<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>

источник

2016-04-18 Gajeel

может правильно объяснить, что вам нужно ??? –

его не то, что он не работает, я просто не могу найти онлайн-ресурсы, которые могут помочь мне выполнить мою цель. То, что я пытаюсь сделать, - это когда вы вставляете имя и дату фильма, после отправки это будет добавлено в таблицу ниже формы – Gajeel

Есть ли какие-либо манипуляции на стороне сервера? Если __NO__, зачем нужна форма для отправки? – Rayon

Я рекомендую использовать JQuery (http://jquery.com/). Вы можете использовать его, чтобы легко выбрать элементы из вашей формы, например:

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

Вы можете легко добавить строки таблицы с необходимыми данными, например:

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

Я надеюсь, что это указывает вам в правильном направлении.

источник

2016-04-18 04:41:32

если вы используете php, то вы можете использовать метод post для достижения этого. После того, как вы разместите форму, вы можете заполнить таблицу.

if(isset($_POST['submitButton'])){ 
    echo '<table id="movieTable" width="350px" border="1">'; 
     echo '<tr>'; 
     echo '<th>'.$_POST['moviename'].'</th>'; 
     echo '</tr>'; 
     echo '</table>'; 
}

источник

2016-04-18 04:47:03

Как динамически добавить в таблицу после отправки формы

ответ

Смежные вопросы