0

以下是我的代码,我在其中动态添加带有文本框和下拉列表的行。

Javascript:

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 "select-one":
                    newcell.childNodes[0].selectedIndex = 0;
                    break;
        }
    }
}

HTML:

<body onload="load()">
    <INPUT type="button" value="Add Row" onclick="addRow('dataTable')" />
    <TABLE id="dataTable" width="350px" border="1">
        <TR>

            <TD><INPUT type="text" name="txt[]" id="t1"/></TD>
            <TD>
                <SELECT name="country[]" id="t2">
                    <OPTION value="in">India</OPTION>
                    <OPTION value="de">Germany</OPTION>
                    <OPTION value="fr">France</OPTION>
                    <OPTION value="us">United States</OPTION>
                    <OPTION value="ch">Switzerland</OPTION>
                </SELECT>
            </TD>
        </TR>
    </TABLE>
</BODY>

现在我正在尝试从动态添加的字段中获取值,以便我可以以表格格式显示它。但我不知道我可以通过哪种方式做到这一点。请帮忙。

4

0 回答 0