0

我已经动态添加了包含文本字段和下拉列表的行。现在我想获取用户在文本输入字段中输入的值并下拉，我必须以表格格式显示它。

获取值的代码

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 方法中。请帮帮我

4

0 回答 0