分类：模糊搜索

2020
09-29

vue输入框使用模糊搜索功能的实现代码

实现原理:利用js的indexOf方法可返回某个指定的字符串值在字符串中首次出现的位置。模板中的代码<divclass="search"><!--输入框使用的是vant的输入框组件--><van-search@input="autoSearch"v-model="value"placeholder="请输入搜索关键词"style="width:90%;display:inline-block;"/><span>搜索</span></div><!--展示数据--><ulv-for="(item)inallArea":key="item.communityId"><liv-if="allNewArea.length... 继续阅读 >

2020
09-24

js、jquery实现列表模糊搜索功能过程解析

实现的搜索功能：1.可以匹配输入的字符串找出列表中匹配的项，列表框的高度跟随搜索出的列表项的多少改变2.可以点击某一项进行选中列表项3.可以按下上、下、回车键来控制列表项4.按下回车键时则会选中列表项5.点击文本框中的下拉键头时会切换下拉框的显示/隐藏6.点击文本框外部时自动隐藏下拉框先来预览一下效果吧！列表中包含的列表项有：北京、上海、杭州、安庆、大兴安岭、安阳、广州、贵阳、哈尔滨、合肥、邯郸、呼伦贝... 继续阅读 >