给多选列表添加可输入的功能

  我们在做类似于管理系统这样的项目的时候，常常会碰见这样一个难题，如何给之前已经写好的select多选框添加输入功能，当然方法是有很多种，我这里给大家推荐一个最简单，效率最高，当然样式也是最优雅的一种方法，就是利用插件chosen.jquery.js。下面说一下它的用法：

1.在页面中引入css和js文件 

 <link href="../cssosen.css" rel="stylesheet" type="text/css"> 

 <script src="../jsbosen.jquery.js"></script> 

2.选择你想要添加输入功能的多选框，给这个多选框添加一个类名chzn-select

 <select class="chzn-select">
       <option value="0" selected="true">请选择</option>
 <select> 

3.在页面的js代码中书写这样一段话：

$(".chzn-select").chosen({
    search_contains: true
}); 

以上就是chosen.jquery.js最基本的用法，如果想使用更多请参考官方文档。

 

来源：https://www.cnblogs.com/nununu/p/7675784.html