jQuery pour ajouter dynamiquement des lignes de la table

Je veux ajouter dynamiquement des lignes de la table sur le changement de mon sélectionnez
J'ai déjà écrit un script qui fait cela, mais le système n'est pas dynamique encore.

<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>

et #segmentTable est ma table id
mais le script ci-dessus me donne cette erreur:

"Uncaught SyntaxError: Unexpected token { "

Quelqu'un peut-il svp me suggérer une solution?

InformationsquelleAutor user2131465 | 2013-08-24
  1. 3

    Il vous manque beaucoup de parenthèse, des citations et des signes plus.
    Cela devrait fonctionner:

    $(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());
    }
});
});
    • .après(row.html()) ne pas ajouter de la ligne, donc sa me donne une étrange structure
    InformationsquelleAutor Jordi Jolink
  2. 1

    DÉMO

    code corrigé et

    changé $("#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());
        }
    });
});
    InformationsquelleAutor Tushar Gupta - curioustushar
  3. 0

    Changement ${#noOfSegments} à $('#noOfSegments').

    InformationsquelleAutor tverghis
  4. 0

    En java script, vous pouvez faire pur dynamiquement 

    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);
    InformationsquelleAutor Chandan