码迷,mamicode.com
首页 > 其他好文 > 详细

select2搜索框查询加遍历

时间:2016-07-01 16:06:54      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:

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


注意:jquery要在select2的上面
<!-- JQuery script -->
<!-- 非IE浏览器不会识别IE的条件注释,所以这里判断非IE需要如下写法:参照下面jquery-2.1.4.min.js引入的方式 -->
<!--[if !IE]><!-->
<script type="text/javascript" src="${ctx}/resources/js/plugins/jquery/jquery-2.1.4.min.js"></script>
<!--<![endif]-->
<!--[if IE]>
<script type="text/javascript" src="${ctx}/resources/js/plugins/jquery/jquery-1.11.3.min.js"></script>
<![endif]-->
<script type="text/javascript" src="${ctx}/resources/js/plugins/select2/select2.min.js"></script>
<script type="text/javascript" src="${ctx}/resources/js/plugins/select2/zh-CN.js"></script>
<script src="${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(); }) function formatState(state) { var $state = $(‘<span><i class="fa fa-file-text-o green"></i>&nbsp;&nbsp;‘ + state.text + ‘</span>‘); return $state; }

 


 

 

select2搜索框查询加遍历

标签:

原文地址:http://www.cnblogs.com/xuerong/p/5633147.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!