Question

我想单击按钮动态地将行添加到现有表中。但是代码似乎不起作用。我已经检查过，程序执行的确包含在此函数中，但是没有添加行的代码有问题。

感谢您的帮助。以下是我的代码摘录：-

$(document).ready(function(){

    $("#addRow").click(function(){
        var scorePrev = Number($("#scoreNum").text());
        var score = scorePrev++;
        var markup = "<tr> <td>" + score + "</td>" + "<td><select><option value='pack'>"+ Pack + "</option> <option value>" + Char + "</option> <option>"  + Hex + "</option> </select></td> <td><input type='text'></td> <td><input type='text'></td> <td><input type='text'></td> <td><input type='text'></td> </tr>";
        $("table tbody").append(markup);
    });

});

Answer 1

请勿在选项标签之间连接文本。就是这样，您很好！查看“标记”变量的值的差异。

$(document).ready(function(){
   $("#addRow").click(function(){
      var scorePrev = Number($("#scoreNum").text());
      var score = scorePrev++;
      var markup = "<tr> <td>" + score + "</td>" + "<td><select><option value='pack'>Pack</option> <option value>Char</option> <option>Hex</option> </select></td> <td><input type='text'></td> <td><input type='text'></td> <td><input type='text'></td> <td><input type='text'></td> </tr>";
      $("table tbody").append(markup);
    });
});

无法使用jQuery动态添加表

1 个答案: