Javascript 如何在提交表单后动态添加到表中
这是我目前的代码,我如何更改当前代码,以便在提交后能够从表单中输入数据,然后添加到下表中,我知道我需要用JS做更多的工作来实现这一点,但在网上找不到任何可以帮助我完成我想做的事情的东西 编辑:我试图完成的,我似乎找不到在线资源来帮助我,确切地说,当我输入电影名称和日期时,提交值后,应该放在表格下面的表格中Javascript 如何在提交表单后动态添加到表中,javascript,html,Javascript,Html,这是我目前的代码,我如何更改当前代码,以便在提交后能够从表单中输入数据,然后添加到下表中,我知道我需要用JS做更多的工作来实现这一点,但在网上找不到任何可以帮助我完成我想做的事情的东西 编辑:我试图完成的,我似乎找不到在线资源来帮助我,确切地说,当我输入电影名称和日期时,提交值后,应该放在表格下面的表格中 <html> <head> <title>Movie Details</title> <script type="text/j
<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>
我建议使用jQuery。您可以使用它轻松地从表单中选择元素,例如:
var movie = $('#movie').val();
var $td = $('<td>').text(movie);
$('#movieTable').append($td);
然后,您可以轻松地将必要的数据追加到表行中,例如:
var movie = $('#movie').val();
var $td = $('<td>').text(movie);
$('#movieTable').append($td);
我希望这为您指明了正确的方向。我建议使用jQuery。您可以使用它轻松地从表单中选择元素,例如:
var movie = $('#movie').val();
var $td = $('<td>').text(movie);
$('#movieTable').append($td);
然后,您可以轻松地将必要的数据追加到表行中,例如:
var movie = $('#movie').val();
var $td = $('<td>').text(movie);
$('#movieTable').append($td);
我希望这为您指明了正确的方向。如果您使用的是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>';
}
如果您使用的是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>';
}
你能准确地解释你需要什么吗?这并不是说它不起作用,我只是找不到能帮助我实现目标的在线资源。我想做的是,当你输入电影名称和日期时,在提交之后,它会被添加到表单下的表中,有没有服务器端操作?如果否,您为什么需要提交表单?@Gajeel您希望表单存储在数据库中,并且不重新加载页面,它将显示在您的表中?我是吗right@RayonDabre对不起,没有,我只是在尝试使用html和js进行自我学习。我能准确地解释你需要什么吗?不是因为它不起作用,我只是找不到可以帮助我实现目标的在线资源。我想做的是,当你输入电影名称和日期时,在提交之后,它会被添加到表单下的表中,有没有服务器端操作?如果否,您为什么需要提交表单?@Gajeel您希望表单存储在数据库中,并且不重新加载页面,它将显示在您的表中?我是吗right@RayonDabre对不起,没有,我只是想玩html和js进行自我学习