将html文本框值传递给innerhtml文本框

Question

我有一个动态表，其中数据被保存为数据库中的数组。 我的html表单中有一个文本框，该文本框会生成随机数，我想将该文本框的值从html表单传递到动态表（纯javascript），并以与文本框形式相同的值保存到数据库中。

 function addRow(){ var table = document.getElementById("bod"); var rowCount = table.rows.length; var row = table.insertRow(rowCount); row.insertCell(0).innerHTML = '<input type="button" value="Delete" onClick="Javacsript:deleteRow(this)">'; row.insertCell(1).innerHTML = document.getElementById("field10").value; //this should be in textbox form with field10's value } 

 <input type = "text" name = "field10" id = "field10" readonly = "true"/> 

Answer 1

您可以做这样的事情……虽然不漂亮，但这只是一个开始。

 function addRow(){ var table = document.getElementById("myTable"); var rowCount = table.rows.length; var row = table.insertRow(rowCount); row.insertCell(0).innerHTML = '<input type="button" value="Delete" onClick="Javacsript:deleteRow(this)">'; row.insertCell(1).innerHTML = document.getElementById("new-row").value; } 

 <input id="new-row" /> <button id="add" onclick="javascript:addRow()">Add Row</button> <hr/> <table id="myTable"></table>