首页 > 代码库 > 关于下拉选择删选最基本一例(分享内容)

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

ftl页面html代码如下:

<select id="statusFilter" class="form-control input-sm pull-left" style="margin-right:10px;">//标签ID的值很重要,关于JS能否选择的到对于的版块
<option value="http://www.mamicode.com/全部状态">全部状态</option>
<option value="http://www.mamicode.com/有效">有效</option>
<option value="http://www.mamicode.com/删除">删除</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;
   }
});

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