jQuery下拉框模糊查询(原创)

 查看演示  website  立即下载

更新时间：2019-08-25 22:51:39

使用方法

依赖jquery与bootstrap,index.js

html

<div class="dropdown custom1">
    <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
	<em>请选择</em>
	<i class="caret"></i>
    </button>
    <ul class="dropdown-menu">
        <li>
            <input class="form-control seach_name" placeholder="请输入搜索内容" />
            <i class="glyphicon glyphicon-search"></i>
        </li>
        <li data="red"><a>red</a></li>
        <li data="blue"><a>blue</a></li>
        <li data="gray"><a>gray</a></li>
        <li data="green"><a>green</a></li>
    </ul>
</div>

 js  

 $(function(){
   //new一个实例
   new downSeach('.custom1');
   //new downSeach('.custom2')
           
})

PREVIOUS:
NEXT:
jQuery HTML5 Bootstrap响应式单页网站模板
ets实现汽车动态仪表盘