layui 怎么隐藏下拉框

 时间:2024-10-16 00:23:02

1、首先,需要引入layui的css样式文件,用js脚本文件。。

layui 怎么隐藏下拉框

2、然后,tml里,我们写一个常规的select控件就行了,但记得添加一个lay-search的属性

layui 怎么隐藏下拉框

3、再然后,脚本里实例layui的elment控件,然后调用render方法也是必须的。

layui 怎么隐藏下拉框

4、然后,但这些做完后,运行页面,我们发现下拉框还是一般常规的下拉框。实,另一个比士嫣轶嗄较重要的点,就是在select控件的父层,我们必须要添加一个layui-form的样式名。

layui 怎么隐藏下拉框

5、接下来,添加后,页面上的select元素才是layui风格的元素。下拉框也是比较漂亮的。

layui 怎么隐藏下拉框

6、然后,我们在输入框里输入--百度,就能把下拉框的相关选项搜索出来了,现在只有百度相关的选项可项了。。。

layui 怎么隐藏下拉框
  • Nginx如何使用一个域名配置多个目录
  • U盘安装Linux CentOS 6.5 64位操作系统
  • MQTT并发测试
  • 百度搜索技巧 提高你的搜索效率
  • IBM WebSphere MQ安装及配置详解
  • 热门搜索
    身边的科学手抄报 端午节手抄报怎么画 中秋节手抄报简单 关于童年的手抄报 感恩老师手抄报句子 我与校树共成长手抄报 读书名言手抄报 英语手抄报内容5年级 端午手抄报图片 民族文化手抄报