js下拉框 可模糊搜索
项目场景:记录一个js 下拉框可模糊搜索的功能
${unschool} : 后台声明全局变量。
<input list="select_code" placeholder="输入或者列表选择" value="" class="select" style="width: 100%;!important;"/>
<datalist id="select_code" class="select_code">
</datalist>
//初始化
$(document).ready(function () {
var unschool = JSON.parse('${unschool}');
if(unschool.length>0){
$('#select_code').append("<option value=''></option>");
for(var i=0;i<unschool.length;i++){
$('#select_code').append("<option>"+unschool[i].name+"</option>");
}
}
}
后台将数据转为json字符串格式,传输到前端使用el表达式获取,循环添加到option