时间戳

首页 > 解决方案 > 无法使用 jQuery 动态添加表

javascript - 无法使用 jQuery 动态添加表

问题描述

我想通过单击按钮向现有表动态添加一行。但是代码似乎不起作用。我已经检查过，程序执行确实在这个函数内部，但是没有添加行的代码有问题。

任何帮助表示赞赏。以下是我的代码摘录：-

$(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);
    });

});

标签： javascriptjquerycsshtml

解决方案

不要连接选项标签之间的文本。就是这样，你很高兴！查看“标记”变量值的差异。

$(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);
    });
});

推荐阅读