Question

我一直在尝试从输入字段中获取用户输入值，稍后再将其设置为摘要表，该表使用javascript创建单元格，但似乎无法使其正常工作。

以下是我的代码：

function summonTable(f) {
    var sLoc = f.countryf.value();
    var eLoc = f.countryt.value();
    var sDate = f.sdate.value();
    var eDate = f.edate.value();

    var div = document.getElementById("summary");

    var magicTable = document.getElementById('summaryTable').querySelectorAll('tbody tr'),
        var row = document.createElement('tr');
        var th = document.createElement('th');
        th.textContent = sDate;
        var td = document.createElement('td');
        td.textContent = sLoc;


            //To state which row and column this cell goes to.
            row.appendChild(th);
            div.appendChild(magicTable);
        });

函数summonTable将采用包含输入字段的争论形式f，我尝试了基本的文本框，复选框，单选框，但都无济于事。变量sLoc和eLoc基本上是国家/地区的文本，而sDate和eDate应该是日期。

Answer 1

function summonTable(f) {
    var sLoc = f.countryf.value();
    var eLoc = f.countryt.value();
    var sDate = f.sdate.value();
    var eDate = f.edate.value();

    var div = document.getElementById("summary");
// to get the last row of the table
    var magicTable = document.getElementById('summaryTable').querySelectorAll('tbody tr:last-child'),
        var row = document.createElement('tr');
        var th = document.createElement('th');
        th.textContent = sDate;
        var td = document.createElement('td');
        td.textContent = sLoc;


            //To state which row and column this cell goes to.
            row.appendChild(th);
            magicTable.after(row); //To add the row after the last row
            div.appendChild(magicTable);
        });

从输入字段中获取用户输入到js表中，该表通过for循环创建表单元格

1 个答案: