将表单条目保存到变量并添加到表中

Posted

技术标签:

【中文标题】将表单条目保存到变量并添加到表中【英文标题】:Save form entries to variables and add to table 【发布时间】:2016-06-01 09:29:24 【问题描述】:

所以我想要对我的网页执行的操作是 e 放入我想要的数据,当我按下按钮时,e 会在表格中添加一个新条目,其中包含我在表单中插入的数据。

这就是我所拥有的:

<!DOCTYPE html>

<html>
<body>
<var>nome</var>
<var>num</var>
<var>marca</var>
<var>modelo</var>
<var>carregador</var>

<form action="chegada.txt">
Nome: <input type="text"  value=nome()><br>
Número: <input type="text" value=num()><br>
Marca: <input type="text" value=marca()><br>
Modelo: <input type="text" value=modelo()><br>
Carregador: <input type="text" value=carregador()><br>
</form>
<button onclick="novo()">Novo</button>
<style>
table, th, td 
    border: 1px solid black;
    border-collapse: collapse;

th, td 
    padding: 5px;

</style>
</head>
<body>

<table style="width:100%" id="chegada">
  <tr>
    <th>Nome</th>
    <th>Numero</th>
    <th>Marca</th>
<th>Modelo</th>
<th>carregador</th>
  </tr>
</table>
<br>

<script>
function novo() 
    var table = document.getElementById("chegada");
    var row = table.insertRow(0);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);
    var cell4 = row.insertCell(3);
    var cell5 = row.insertCell(4);
    cell1.innerHTML = nome();
    cell2.innerHTML = numero();
    cell3.innerHTML = marca();
    cell4.innerHTML = modelo();
    cell5.iinerHTML = carregador();

</script>

</body>
</html>

除了“发布”表格中的数据之外,这会做所有事情

【问题讨论】:

您的 HTML 格式错误。您在 novo 中调用的任何函数都没有定义。 【参考方案1】:

使用这个

<!DOCTYPE html>

<html>
<body>

<form action="chegada.txt">
Nome: <input type="text"  value="" id="val1"><br>
Número: <input type="text" value="" id="val2"><br>
Marca: <input type="text" value="" id="val3"><br>
Modelo: <input type="text" value="" id="val4"><br>
Carregador: <input type="text" value="" id="val5"><br>
</form>
<button onclick="novo()">Novo</button>
<style>
table, th, td 
    border: 1px solid black;
    border-collapse: collapse;

th, td 
    padding: 5px;

</style>
</head>
<body>

<table style="width:100%" id="chegada">
  <tr>
    <th>Nome</th>
    <th>Numero</th>
    <th>Marca</th>
<th>Modelo</th>
<th>carregador</th>
  </tr>
</table>
<br>

<script>
function novo() 
    var val1 = document.getElementById("val1").value;
    var val2 = document.getElementById("val2").value;
    var val3 = document.getElementById("val3").value;
    var val4 = document.getElementById("val4").value;
    var val5 = document.getElementById("val5").value;

    var prev=document.getElementById("chegada").innerHTML;
    document.getElementById("chegada").innerHTML=prev+"<tr><td>"+val1+"</td><td>"+val2+"</td><td>"+val3+"</td><td>"+val4+"</td><td>"+val5+"</td></tr>"


</script>

</body>
</html>

【讨论】:

以上是关于将表单条目保存到变量并添加到表中的主要内容,如果未能解决你的问题,请参考以下文章

将数据字段附加到保存到表中的记录

在 excel 中手动添加行,最后使用 C#.net 更新到表中

使用从数据库传递的id将文件上载链接到表中的按钮

将子对象添加到表中 当父对象保存到上下文中时

将查询保存到表中

保存并转到新记录后如何重置表单的格式