editableSelect可编辑搜索的下拉框插件

editableSelect.js是一款可搜索的下拉框插件,根据你输入的内容可匹配出相似的结果,本文的DEMO还引入了bootstrap来美化下拉框。

淘建站为您提供更多_表单代码_下拉框select_bootstrap_select，在此特别感谢您对我们的支持与厚爱！

引入bootstrap和editable-select.min.js下拉框插件

<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="jquery.editable-select.min.css" />
<script type="text/javascript" src="jquery.editable-select.min.js"></script>

<p>输入内容试试，支持中文</p>
<select id="editable-select" class="form-control">
    <option>Alfa Romeo</option>
    <option>Audi</option>
    <option>中国人民银行</option>
    <option>中国人民</option>
</select>

$('#editable-select').editableSelect({
    effects: 'slide' //可选参数default、fade
});