函数addrow()在javascript中出错了

时间:2015-07-30 06:59:55

标签: javascript arrays

function addRow() {

    var medicinename = document.getElementById("medicinename");
    var time = document.getElementById("time");
    var duration = document.getElementById("duration");
    var when = document.getElementById("when");
    var table = document.getElementById("myTableData");

    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);

    row.insertCell(0).innerHTML= '<input type="button" value = "Delete" onClick="Javacsript:deleteRow(this)">';
    row.insertCell(1).innerHTML= medicinename.value;
    row.insertCell(2).innerHTML= time.value;
    row.insertCell(3).innerHTML= duration.value;
    row.insertCell(4).innerHTML= when.value;

    var cell2=row.insertCell(1);
    var element2 =document.createElement("input");
    element2.type = "text"; 
    element2.setAttribute("name", "productDynamic");
    var get=medicinename.value;
    element2.value = get;
    cell2.appendChild(element2);
}

这里我将使用javascript的onclick函数在表中插入值。我有5列,在第一列我插入删除按钮。一切都还可以。但var cel2=row.insertcell(1)出错了,它显示了6列。我试过但我无法理解。是否有任何人在javascript中可以帮助我?还有一件事是当我通过textfield将值传递给table时它没关系,但是当我使用select字段时使用选项值传递但是值不能通过使用这样的{{1}我应该怎么做呢

1 个答案:

答案 0 :(得分:2)

row.insertCell插入具有给定索引的新行。

  

如果index为-1或等于单元格数,则附加单元格   作为行中的最后一个单元格。如果index大于数量   单元格,将导致IndexSizeError异常。如果索引被省略了   默认为-1。 Link

所以我认为如果你在现有的索引上创建一个新的单元格,它将被追加。如果要覆盖单元格,只需使用row.cells[index]获取它,并为其赋予新值。