首页 > 代码库 > 关于下拉选择删选最基本一例(分享内容)
关于下拉选择删选最基本一例(分享内容)
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;
}
});
关于下拉选择删选最基本一例(分享内容)