从用户输入的数据中获取值

时间:2013-07-25 09:28:12

标签: javascript

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

获取值的代码

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

0 个答案:

没有答案