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

所属分类:输入-自动完成,选择框

 24482  219  查看评论 (2)
分享到微信朋友圈
X
jQuery下拉框模糊查询(原创) ie兼容9

更新时间: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')
           
})
相关插件-自动完成,选择框

jQuery快速车牌号码输入

可以帮您快速填写车牌号码
  自动完成
 45666  339

jQuery自动补全插件jQuery.AutoComplete

输入文字,自动联想库中的内容,自动补全,关键字高亮
  自动完成
 35839  313

基于jQuery的分组(带组名输入联想和组数删减)

页面是源于一场王者荣耀大屏幕分组展示,带有组名输入的联想和组数删减
  自动完成
 17994  261

i18n实现前端国际化

i18n实现前端国际化,页面的多语言切换
  自动完成
 30359  361

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    熊瑞 0
    2020/4/19 17:37:56
    <input class="form-control seach_name" placeholder="请输入搜索内容" />

    提交时候怎么获取值?

        年轻1
        2020/5/12 10:17:08
        $(".seach_name").val()
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复