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

时间:2015-06-30 10:31:50

标签: jquery html datatables

我有3个下拉菜单和一个按钮"添加",当我选择下拉列表并单击添加时,它必须使用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???##############
                ] );


            } );

 }

提前致谢

1 个答案:

答案 0 :(得分:3)

例如,我刚刚在其中添加了静态值:

$('#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