如何使用一个html选择框更改两个jQuery数据表中的条目数?

如何使用一个html选择框更改两个jQuery数据表中的条目数?,jquery,datatable,Jquery,Datatable,是否有一种方法可以显示页面中所有数据表上的选定条目数,而不仅仅是单个条目数 以下是单个数据表: var stockTable = $('#source').dataTable({ "aaData": src, "sPaginationType": "full_numbers", "bFilter": true, "bProcessing": true, "bRedraw":true, "bDestroy":true, "bInfo":tru

是否有一种方法可以显示页面中所有数据表上的选定条目数,而不仅仅是单个条目数

以下是单个数据表:

var stockTable = $('#source').dataTable({
    "aaData": src,
    "sPaginationType": "full_numbers",
    "bFilter": true,
    "bProcessing": true,
    "bRedraw":true,
    "bDestroy":true,
    "bInfo":true,
    "bLengthChange":true,
    "aoColumns": [
        {"mData": "Title"},
        {"mData": "ID"},
        {"mData": "Language"}]
});

var catalogTable = $('#destination').dataTable({
    "aaData": dest,
    "sPaginationType": "full_numbers",
    "bFilter": true,
    "bProcessing": true,
    "bRedraw":true,
    "bDestroy":true,
    "bInfo":true,
    "bLengthChange":true,

    "aoColumns": [

        {"mData": "Module Title"},
        {"mData": "Module ID"},
        {"mData": "Module Language"}
    ],
    "oLanguage": {
    "sEmptyTable" : "<h1>Drag and Drop Courses Here</h1>"
}
});
如果有另一个类似的数据表,我有一个选择框,如下所示:

<div class="filterArea borderBottomMedium clearfix">
<div class="no_padding entriesLength">
    <label>Show</label>
    <select id="entries" class="form-control">
      <option>10</option>
      <option>20</option>
      <option>30</option>
      <option>40</option>
      <option>50</option>
    </select>
    <label>entries</label>
</div>

我可以使用选择来显示所有数据表中的条目数吗?bLengthChange为true,我可以分别更改两个表。但是如何将它们一起更改为selectbox中选择的条目数?

因为您使用的是“显示N条目数据数据表”下拉列表中的单独下拉列表,您需要将一个更改事件绑定到下拉列表,然后下拉列表将更改数据表中的下拉列表。datatables上的下拉列表的名称以与datatables相同的id开头。因此,例如,如果datatable的id=example,shown条目名称以example开头

您可以像我的示例一样,为表提供以相同单词开头的id,也可以在JQuery绑定中使用多个名称选择器

您需要确保所有表都具有与独立下拉列表相同的下拉值。您可以使用lengthMenu选项执行此操作:

$('.table').DataTable( {
    "lengthMenu": [[10, 20, 30, 40, 50, -1], [10, 20, 30, 40, 50, "All"]]
} );
然后,您可以将您的独立下拉列表绑定到一个更改事件,然后从每个datatable的下拉列表中选择相同的值,并触发一个更改事件,以使新选择的行数事件发生

$("#entries").on('change',function() {
   var valSelected = $(this).val();
   $("select[name^='example']").each(function(i, val) {
       $(this).val(valSelected);
       $(this).change();
   });
});

请参阅此提琴了解完整的工作示例:示例

我已上载了整个代码。有没有一种方法可以在数据表中实现这一点?你能展示一下下拉列表与数据表的关系吗?没关系。我想我明白你现在想做什么了。我将很快更新我的答案。现在下拉列表与数据表无关。我需要将此下拉列表用于两个数据表。您需要确保使用与外部选择框相同的值定义lengthMenu。请参阅我在回答中发布的JSFIDLE示例。不需要其他设置。