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

时间:2018-12-05 02:38:33

标签: javascript html mysql dom

我有一个动态表,其中数据被保存为数据库中的数组。我的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"/>

1 个答案:

答案 0 :(得分:0)

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

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>