select2搜索框查询加遍历

<divclass="form-group">
<labelclass="control-labelcol-sm-1no-padding-right"for="entId">公司名称</label>
<divclass="col-sm-10">
<divclass="clearfix">
<selectclass="js-example-basic-singlejs-statesform-control"name="entId"id="entId"style="width:100%">
<optionvalue=""_level="-1">--请选择--</option>
<c:forEachitems="${hjPztEntInfoList}"var="item">
<optionvalue="${item.value}">${item.name}</option>
</c:forEach>
</select>
</div>
</div>
</div>

注意：jquery要在select2的上面

<!--JQueryscript-->
<!--非IE浏览器不会识别IE的条件注释，所以这里判断非IE需要如下写法：参照下面jquery-2.1.4.min.js引入的方式-->
<!--[if!IE]><!-->
<scripttype="text/javascript"src="${ctx}/resources/js/plugins/jquery/jquery-2.1.4.min.js"></script>
<!--<![endif]-->
<!--[ifIE]>
<scripttype="text/javascript"src="${ctx}/resources/js/plugins/jquery/jquery-1.11.3.min.js"></script>
<![endif]-->
<scripttype="text/javascript"src="${ctx}/resources/js/plugins/select2/select2.min.js"></script>
<scripttype="text/javascript"src="${ctx}/resources/js/plugins/select2/zh-CN.js"></script>
<scriptsrc="${ctx}/resources/js/pzt/base/hjPztTalentInfo_Detail.js"></script>

这里只有搜索框

$(function(){
$("#entId").select2({
templateSelection:function(selection){
return$.trim(selection.text);
}
});
validateTalentInfoForm();

})

这里是有加小图标的

$(function(){
$("#entId").select2({
//templateResult:formatState,
templateSelection:function(selection){
return$.trim(selection.text);
}
});
validateTalentInfoForm();

})

functionformatState(state){
var$state=$('<span><iclass="fafa-file-text-ogreen"></i>  '+state.text+'</span>');
return$state;
}