jQuery動態添加表格行

Question

我想動態添加表格行對我選擇的變化 我已經寫了一個腳本，實際上是這樣做的，但系統還沒有動態。

<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
<script type="text/javascript"> 

$(document).ready(function(){ 
$("#noOfSegments").change(function(){ 
    var counter=${#noOfSegments}.val(); 
    for(i=0; i<counter; i++){ 
    var row = $("<tr><td>"i"</td><td>"i"</td><td>"i"</td><td>"i"</td><td>"i"</td></tr>"); 
    $("#segmentTable").append(row); 
    } 
}); 
}); 
</script> 

<select id="noOfSegments"> 
<option value="0">0</option> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
</select> 

和#segmentTable是我的表ID 但上面的腳本給我「未捕獲的SyntaxError：意外的標記{」錯誤 任何人都可以請建議我一個解決方案

Answer 1

你缺少了很多括號的，引號和加號。 這應該工作：

$(document).ready(function(){ 
$("#noOfSegments").change(function(){ 
    var counter=$('#noOfSegments').val(); 
    for(i=0; i<counter; i++){ 
    var row = $("<tr><td>" + i + "</td><td>" + i + "</td><td>" + i + "</td><td>" + i + "</td><td>" + i + "</td></tr>"); 
    $("#segmentTable").after(row.html()); 
    } 
}); 
}); 

Answer 2

變化${#noOfSegments}到$('#noOfSegments')。

Answer 3

DEMO

校正碼和

改變$("#segmentTable").after(row.html())

到

$("#segmentTable").html(row.html());

$(document).ready(function() { 
    $("#noOfSegments").change(function() { 
     var counter = $('#noOfSegments').val(); 
     for (i = 0; i < counter; i++) { 
      var row = $("<tr><td>" + i + "</td><td>" + i + "</td><td>" + i + "</td><td>" + i + "</td><td>" + i + "</td></tr>"); 
      $("#segmentTable").html(row.html()); 
     } 
    }); 
}); 

Answer 4

在Java腳本，你可以做純動態

var table = document.createElement("table"); 
table.id = "tbldrp"; 
var row = table.insertRow(table.rows.length); 
var rowItems = row.insertCell(0); 
var label = document.createElement("label"); 
label.id = "lblDripName"; 
label.innerHTML = "Label Content"; 
rowItems.appendChild(label);