select下拉列表支持搜索功能

 

实现很简单，首先引入所需要的js和css.

<script type="text/javascript" src="${ctx}/static/js/jquery.searchableSelect.js"></script>
<link href="${ctx}/static/css/searchableSelect.css" rel="stylesheet">

第二，在元素里加入id

<select name="compayId" id="compayId" width="200px">
             <option value="0">请选择</option>
                            <#list companies as company>
                            <option value="${company.uuid!}">${company.name!}</option>
                            </#list>
   </select>

第三，初始化js

<script type="text/javascript">
    $(function () {
        $('#compayId').searchableSelect();
    });
</script>

哈哈哈，以此留作后期使用.

jquery.searchableSelect.js和css

链接: https://pan.baidu.com/s/1PAGVu3Eyd3WbdhUjsqeIEA 提取码: utj8 复制这段内容后打开百度网盘手机App，操作更方便哦