首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

从jquery combobox中选择值不会运行fnFilter搜索

是因为jquery combobox是一个下拉选择框插件,它并不自动触发搜索功能。fnFilter是DataTables插件中的一个方法,用于进行表格数据的过滤搜索。

要实现从jquery combobox中选择值后运行fnFilter搜索,可以通过以下步骤来实现:

  1. 监听jquery combobox的选择事件,可以使用change事件或者select事件来监听选择值的变化。
  2. 在选择事件的回调函数中,获取选择的值。
  3. 调用DataTables插件的fnFilter方法,将选择的值作为参数传入,以触发表格数据的过滤搜索。

以下是一个示例代码:

代码语言:javascript
复制
// 监听jquery combobox的选择事件
$('#combobox').on('change', function() {
  // 获取选择的值
  var selectedValue = $(this).val();
  
  // 调用DataTables的fnFilter方法,进行表格数据的过滤搜索
  $('#dataTable').DataTable().fnFilter(selectedValue);
});

在上述示例代码中,#combobox是jquery combobox的选择器,#dataTable是DataTables插件所应用的表格的选择器。根据实际情况,你需要将这些选择器替换为你自己的选择器。

这样,当从jquery combobox中选择值时,就会触发fnFilter搜索,根据选择的值对表格数据进行过滤。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

jTable插件辅助资料

==============================================jTable插件================================================ 【】引入jtable <link rel="stylesheet" type="text/css" href="../jtable/themes/lightcolor/blue/jtable.min.css" /> <script type="text/javascript" src="../jtable/jquery.jtable.min.js"></script> <script type="text/javascript" src="../jtable/localization/jquery.jtable.zh-CN.js"></script> 注:jTable插件需要jquery UI插件。之前要引入jQuery和jQueryUI 【】Servlet生成JSON结果 collegeList=collegeBusiness.getListByAll(); //定义数据返回JSON map Map<String, Object> jsonMap = new HashMap<String, Object>(); jsonMap.put("Result", "OK"); jsonMap.put("Records", collegeList); JSONObject result=JSONObject.fromObject(jsonMap); HttpServletResponse response=ServletActionContext.getResponse(); response.setContentType("application/json"); response.setCharacterEncoding("UTF-8"); PrintWriter out=response.getWriter(); out.println(result.toString()); out.flush(); out.close(); 【】jtable要求的返回格式 {  "Result":"OK",  "Records":[   {"PersonId":1,"Name":"Benjamin Button","Age":17,"RecordDate":"\/Date(1320259705710)\/"},   {"PersonId":2,"Name":"Douglas Adams","Age":42,"RecordDate":"\/Date(1320259705710)\/"},   {"PersonId":3,"Name":"Isaac Asimov","Age":26,"RecordDate":"\/Date(1320259705710)\/"},   {"PersonId":4,"Name":"Thomas More","Age":65,"RecordDate":"\/Date(1320259705710)\/"}  ] } 【】当出现异常后的jTable要求的结果 {    "Result":"ERROR",    "Message":"异常信息字符串" } 【】jTable的语法  $('#MyTableContainer').jtable({             //General options comes here             actions: {                 //Action definitions comes here             },             fields: {                 //Field definitions comes here             }             //Event handlers... });      【】jtable初始化 1.定义jTable显示的区域div

2.在JS中初始化jTable //定义部门表格 $('div#departmentmaincontent').jtable({            title: '部门列表',            selecting: true, //Enable selecting            multiselect: false, //not Allow mu

04
领券