关于下拉选择删选最基本一例（分享内容）

Posted 2020-09-07

ftl页面html代码如下：

<select id="statusFilter" class="form-control input-sm pull-left" style="margin-right:10px;">//标签ID的值很重要，关于JS能否选择的到对于的版块
<option value="全部状态">全部状态</option>
<option value="有效">有效</option>
<option value="删除">删除</option>
</select>

js代码：

$(‘#statusFilter‘).change(function() {//一段中间加载代码，具体不是很懂，可查change()具体用法
 table2.draw();
});

$.fn.dataTable.ext.search.push(function(settings, data, dataIndex) {//固定的表达，
 var status = $(‘#statusFilter‘).children(‘option:selected‘).val();//
   if(status == "全部"){
    return true;
   }else{
    if(status==data[3]){//data代表选取具体某一列
     return true;
    }else{
     return false;
    }
      return false;
   }
});