http://t.csdn.cn/eQhxG

这是我以前写的vue项目下拉框搜索,今天做tomcat项目

还是以前那一套问题,datalist最简单,但是位置难改变,不同浏览器表现不同,

input+select,  input+Ul+li,这些需要手写的js,css太多了,我根本写不出来

偶然在网上发现了select2,神仙一样,只要是下拉框就能模糊搜索,还支持自定义数据源,ajax获取后端数据源,各种功能,下载大家去百度吧。

下载完成只需要这两个文件

然后在项目导入

 别忘了jquery.js        我这里包含写在alljs.js里面了

然后直接定义一个select的class就行了,就这么简单,option用js取后端数据生成

使用也简单

更多功能百度官方文档

这是另一个下拉框的

tomcat项目下拉框模糊搜索相关推荐

  1. vue uniapp 微信小程序 搜索下拉框 模糊搜索

    vue uniapp 微信小程序 搜索下拉框 模糊搜索 话不多说 直接贴代码 template <template><view class="index"> ...

  2. bootstrap select下拉框模糊搜索和动态绑定数据解决方法

    bootstrap select下拉框模糊搜索和动态绑定数据解决方法 参考文章: (1)bootstrap select下拉框模糊搜索和动态绑定数据解决方法 (2)https://www.cnblog ...

  3. html网页常用功能:下拉框模糊搜索

    下拉框模糊搜索很好使,但是比较难实现,下面就直接贴代码吧. <!doctype html> <html> <head> <meta charset=" ...

  4. vue项目下拉框内容过长做一个滚动条的效果

    vue项目下拉框内容过长做一个滚动条的效果 如下图: 关键代码如下:

  5. jQuery+css模拟下拉框模糊搜索的实现

    html: @*输入框*@ <div><input type="text" style="width: 85%; height: 34px;" ...

  6. 文本域 自定义下拉框 支持模糊检索 关键字高亮 上下选择

    转载自:文本域 自定义下拉框 支持模糊检索 关键字高亮 上下选择 一.需求 需要创建一个常见问题库,填写存在问题时可以下拉选择,可以模糊搜索,也可以手写.如果选择了问题库中的内容,自动填充内容到存在问 ...

  7. 通过触发绑定切换下拉框的数据

    通过触发绑定切换下拉框的数据 -------------------------------------- 开发工具与关键技术:Visual Studio 2015 C# 作者:林敏静 撰写时间:20 ...

  8. 模糊搜索下拉框(可输入+自动匹配)

    模糊搜索下拉框(可输入+自动匹配) 实现可输入+带自动匹配功能的下拉框,我试过以下几种方法: 1.直接使用h5的新标签,对应demo如下: <input list="browsers& ...

  9. element-ui中el-select下拉框数据过多,用pinyin-match实现拼音、首字母、汉字等模糊搜索

    人狠话不多,上图! pinyin-match库 也是项目需要,由于下拉框的数据过多,使用人员不好选择,就做个拼音,大小写字母以及汉字的模糊搜索,结果就找到来这个 pinyin-match库,能够使用拼 ...

最新文章

  1. 【工具推荐】ELMAH——可插拔错误日志工具(转)
  2. html htc控件详解,*.HTC 文件的简单介绍-网页设计,HTML/CSS
  3. 支持向量机——Large Margin Classifier
  4. 在C#中使用Google翻译API
  5. 树莓派c语言实现modbus主机_特斯拉+树莓派实现车牌识别检测系统
  6. ubuntu mysql主从配置_MYSQL 主从数据库的配置 ubuntu 12.04
  7. Java、JSP网上花店系统
  8. html 设置日期选择器样式,解决Element UI 日期选择器自定义修改多个样式
  9. Matlab——指派问题
  10. Generative Adversarial Nets[AAE]
  11. CentOS7图形界面启动报错unable to connect to X server
  12. 实时可视化大数据项目01 -- 项目介绍
  13. 游戏元素属性的设计原则
  14. c语言oj数据通过,OJ输入数据的处理
  15. word中图片不显示的解决办法
  16. 2018最新精选的Go框架,库和软件的精选列表 二 https://awesome-go.com/
  17. 压力测试时CPU、内存—初步理解
  18. SyncNavigator(数据库同步软件)介绍以及使用说明
  19. android性能天梯,安卓手机处理器天梯榜发布,麒麟990排第四,你的手机排第几?...
  20. 商标注册申请的步骤是怎样的

热门文章

  1. 高空布控系统_在消防实战中的应用
  2. C# new,override的理解和新发现
  3. 小米10pro第二个摄像头下面_小米10 Pro内部大公开!看看3999到底花得值不值
  4. 计算机二级考试太难?努力也拿不到证?
  5. 用opencv统计运动物体的个数
  6. Excel 自动换行
  7. jq分页 不刷新页面_ajax实现无刷新分页效果
  8. 分析型数据库__ClickHouse_ 深度学习
  9. 简单了解DGL中的数据格式
  10. 斑马888-tt条码打印开发