[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()); //新增值 }) ```  ## 支持滾動 ``` .es-list { max-height: 160px !important; } ```