🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] > [github](https://github.com/indrimuska/jquery-editable-select) > [demo](http://indrimuska.github.io/jquery-editable-select/) ## 安装 ``` npm install jquery-editable-select bower install jquery-editable-select git clone https://github.com/indrimuska/jquery-editable-select.git ``` ## 快速入门 ``` //引入 <script src="http://code.jquery.com/jquery-1.12.4.min.js"></script> <script src="http://rawgithub.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.js"></script> <link href="http://rawgithub.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.css" rel="stylesheet"> //html <select class="editable-select"> <option>Alfa Romeo</option> <option>Audi</option> <option>BMW</option> <option>Citroen</option> </select> //js $('.editable-select').editableSelect({ effects:"slide" }); //失去焦点,添加值 $("body").on("blur",".editable-select",function () { console.log( $(this).val()); //新增值 }) ``` ![UTOOLS1572858696833.png](http://yanxuan.nosdn.127.net/d0d09b293e9a8e4731d764204a9a3dff.png) ## 支持滚动 ``` .es-list { max-height: 160px !important; } ```