我已动态添加包含文本字段和下拉列表的行。现在我想获取用户在文本输入字段中输入的值并下拉,我必须以表格格式显示它。
获取值的代码
function fetch(){
var myName = document.getElementById("name");
var type = document.getElementById("type");
var table = document.getElementById("myTableData");
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
row.insertCell(0).innerHTML=myName.value;
row.insertCell(1).innerHTML= type.value;
row.insertCell(2).innerHTML= '<input type="button" value = "Delete" onClick="Javacsript:deleteRow(this)">';
}
通过上面的代码行,我试图获取用户在动态添加的行中输入的值,下面是动态添加行的代码
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var colCount = table.rows[0].cells.length;
for(var i=0; i<colCount; i++) {
var newcell = row.insertCell(i);
newcell.innerHTML = table.rows[0].cells[i].innerHTML;
//alert(newcell.childNodes);
switch(newcell.childNodes[0].type) {
case "text":
newcell.childNodes[0].value = "";
break;
/* case "checkbox":
newcell.childNodes[0].checked = false;
break; */
case "select-one":
newcell.childNodes[0].selectedIndex = 0;
break;
}
}
}
但我尝试获取值的代码无效。我想要一些如何通过使用index [i]属性来获取添加行的值,如果它存在于document.getElementById方法中那么。请帮助我