フォームエントリを変数に保存してテーブルに追加

私は自分のウェブページで何をしたいのですか？私が望むデータにeを入れて、ボタンを押すと、挿入されたデータでテーブルに新しいエントリが追加されます形でフォームエントリを変数に保存してテーブルに追加

のでHERESに私が持っているもの：

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

この "ポスト" 以外のすべてのテーブル内のデータ

出典

2016-06-01 n0t313

を使用しません。そして 'novo 'の中であなたが呼んでいる関数のどれも定義されていません。 – Xufox

はあなたのHTMLは非常に不正な形式である。この

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

出典

2016-06-01 09:47:30 Mani

それは働いた！どうもありがとうございます！ – n0t313

ようこそ。それを正解とする。 – Mani

フォームエントリを変数に保存してテーブルに追加

答えて

関連する問題