javascript - 将 html 文本框值传递给 insidehtml 文本框

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>