editable-select 下拉选择，输入框可输入内容和实现实时查询

1. 引入js

<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="//rawgithub.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.js"></script>
<link href="//rawgithub.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.css" rel="stylesheet">

也可以进行下载到本地（下载链接如下):

（1）演示demo  --> http://indrimuska.github.io/jquery-editable-select/

  (2)下载地址：-->https://github.com/indrimuska/jquery-editable-select

 (3)npm安装地址：-->https://www.npmjs.com/package/jquery-editable-select  

2.select代码实现

<div class="form-group">
		<label class="col-sm-3 control-label">工单编号：</label>
		<div class="col-sm-8" >
					<select th:id="editable-select" class="form-control m-b"  name="jobListNumber" >
					<option th:each="asset:${listKey}" th:value="${asset.id}" th:text="${asset.jobListNumber}" ></option>
					</select>
				</div>
			</div>

3.js代码快

$('#editable-select').editableSelect({
			filter:	true,
			effects: 'slide', //下拉列表出来的方式
			duration: 'fast',//时间

		});

 4.说明

• 选项设置

• filter：过滤，即当输入内容时下拉选项会匹配输入的字符，支持中文，true/false，默认true。
• effects：动画效果，当触发弹出下拉选择框时的下拉框展示过渡效果，有default，slide，fade三个值，默认是default。
• duration：下拉选项框展示的过渡动画速度，有fast，slow，以及数字（毫秒），默认是fast。

• 事件

• onCreate：当输入时触发。
• onShow：当下拉时触发。
• onHide：当下拉框隐藏时触发。
• onSelect：当下拉框中的选项被选中时触发。

5.效果展示