2014-10-30 25 views
0

好的,我想用一個複選框和3或4文本框在表格中添加行。但是我的腳本沒有這樣工作,我只是收到一個複選框。我是新的BTW。這是我的腳本,請幫助。我張貼只有在這裏腳本錯誤:在帶有文本框的表格中動態添加行

<script language="javascript"> 
    function addRow(tableID) { 

     var table = document.getElementById(tableID); 

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

     var cell1 = row.insertCell(0); 
     var element1 = document.createElement("input"); 
     element1.type = "checkbox"; 
     element1.name="chkbox[]"; 
     cell1.appendChild(element1); 

     var cell2 = row.insertCell(1); 
     var element2 = document.createElement("input"); 
     element2.type = "text"; 
     element2.name = "txtbox[]"; 
     cell3.appendChild(element2); 

     var cell3 = row.insertCell(2); 
     var element3 = document.createElement("input"); 
     element3.type = "text"; 
     element3.name = "txtbox[]"; 
     cell3.appendChild(element3); 


    } 

    function deleteRow(tableID) { 
     try { 
     var table = document.getElementById(tableID); 
     var rowCount = table.rows.length; 

     for(var i=0; i<rowCount; i++) { 
      var row = table.rows[i]; 
      var chkbox = row.cells[0].childNodes[0]; 
      if(null != chkbox && true == chkbox.checked) { 
       table.deleteRow(i); 
       rowCount--; 
       i--; 
      } 


     } 
     }catch(e) { 
      alert(e); 
     } 
    } 

</script> 
+0

你執行'addRow()'時得到任何錯誤?要檢查這個使用chrome - >按F12 - >點擊控制檯。你也可以使用FireBug之類的東西。 – JasonK 2014-10-30 08:36:57

+0

opps,有一個簡單的錯誤:|我寫了兩次cell3。謝謝:) – AakkiRock 2014-10-30 08:43:03

+0

沒問題,總是使用控制檯,它拯救了我的屁股無數次。 – JasonK 2014-10-30 08:44:33

回答

-1
var cell2 = row.insertCell(1); 
    var element2 = document.createElement("input"); 
    element2.type = "text"; 
    element2.name = "txtbox[]"; 
    cell3.appendChild(element2); 

是撥錯了應該是,(簡單的錯誤)

var cell2 = row.insertCell(1); 
    var element2 = document.createElement("input"); 
    element2.type = "text"; 
    element2.name = "txtbox[]"; 
    cell2.appendChild(element2); 
+0

這是什麼?請你多解釋一下 – 2014-10-30 09:02:01

+0

我在上面的問題中使用了cell3兩次,這就是爲什麼它不工作。 – AakkiRock 2014-10-30 10:01:57