頁面上Selectmenu Jquery UI更改事件

Question

我目前在我的應用程序中使用JQuery UI SelectMenu Widget。 selectMenu中的選項是在運行時根據sql表中的一些值填充的。

根據selectedMenu中選定的選項，需要在特定列上過濾數據表。

.JS片斷

$(document).ready(function() { 
    var table = $('.tableContent').DataTable({ 
     "columnDefs" : [ { 
      "className" : "dt-center", 
      "targets" : "_all" 
     } ] 
    }); 

    $("#osFamilySelect1").selectmenu({ 
     change : function(event, ui) { 
      dropdownSelect = ui.item.value; 
      table.column(9).search(dropdownSelect, false, true, true).draw(); 
     } 
    }); 
}); 

以上的作品被選中東西的時候，但是當第一次加載頁面即第一次加載頁面時不被過濾表不起作用。

如何實現相同。

Answer 1

解決使用下面的問題：

$(function() { // Shorthand for $(document).ready(function() { 
     var table = $('.tableContent').DataTable({...}); 
     $('#osFamilySelect1').selectmenu({...}); 
     table.column(9).search($('#osFamilySelect1').val(), false, true, true).draw(); 
});