jquery - 过滤后提交所有表单数据

Question

我有一个位于表单内的 html 表。我将 DataTables 应用于表以添加过滤和排序。这效果很好。

唯一的问题是，如果用户在搜索框中输入数据进行过滤，然后提交表单，则只会提交可见行。我认为 DataTables 只是隐藏了通过搜索过滤的行，因此所有内容都应该仍然存在于表单中，但情况似乎并非如此。

即使用户碰巧打开了搜索过滤器，是否有任何方法可以通过表单发布来发布所有行？

Answer 1

解决方案

使用以下技术提交表中所有页面的数据，而不仅仅是第一页上的筛选数据。

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

// Handle form submission event 
$('#frm-example').on('submit', function(e){
   var form = this;

   // Encode a set of form elements from all pages as an array of names and values
   var params = table.$('input,select,textarea').serializeArray();

   // Iterate over all form elements
   $.each(params, function(){     
      // If element doesn't exist in DOM
      if(!$.contains(document, form[this.name])){
         // Create a hidden element 
         $(form).append(
            $('<input>')
               .attr('type', 'hidden')
               .attr('name', this.name)
               .val(this.value)
         );
      } 
   });      
});

演示

参见this example用于代码和演示。

链接

参见jQuery DataTables: How to submit all pages form data了解更多详细信息和示例。