Question

我有3个下拉菜单和一个按钮＆＃34;添加＆＃34;，当我选择下拉列表并单击添加时，它必须使用JQuery和DataTable插入到表中。如何动态添加行？我已经使用for循环iteratin列表然后添加到数据表但是这是不同的.pls在这方面帮助我，

 function addToTable(){

     var project = document.getElementById("projectId").value;
     var process = document.getElementById("glbProcessId").value;
     var role = document.getElementById("roleId").value;

            var t = $('#example').DataTable();


            $('#addRow').on( 'click', function () {
                t.row.add( [
                   // ##### how do i add the data here???##############
                ] );


            } );

 }

提前致谢

Answer 1

例如，我刚刚在其中添加了静态值：

$('#addRow').on( 'click', function () {
   t.row.add( [
      "1st Column's data",
      "2nd Column's data",
      "3rd Column's data",
      "4th Column's data",
       //and so on as based on number of your columns
   ]).draw();
});

如果要添加动态值，可以在t.row.add行之上添加Ajax函数，然后传递这些值而不是静态值。

更多参考see this example。

如何使用JQuery动态地向表中添加数据

1 个答案: