javascript - 标题排序中的 Jquery 数据表下拉过滤器

Question

我想创建一个在其标题上带有下拉列表框的数据表，该列表框根据框中的选定列过滤要显示的行。我在这里修改了示例 column filtering example在标题中显示下拉列表框

   /* Add a select menu for each TH element in the table footer */
   //   $("tfoot th").each( function ( i ) {
      $("thead th").each( function ( i ) {
       ...

它工作正常，但当我单击下拉列表框时它会执行排序。是否可以在我对下拉菜单执行操作时禁用排序，并在我单击不属于下拉菜单的单元格中的任何位置时触发排序。

谢谢。

Answer 1

$("thead th").each( function ( i ) {
    this.innerHTML = fnCreateSelect( oTable.fnGetColumnData(i) );
    $('select', this).change( function () {
        oTable.fnFilter( $(this).val(), i );
    } );
    $('select', this).click( function (event) {
        event.stopPropagation();
    } );
} );