layui 怎么隐藏下拉框

 时间:2026-02-13 02:20:48

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安装及配置详解
  • 热门搜索
    中分发型 怎么判断肤质 玉米须发型 电暖宝怎么排气 假小子发型 侃侃而谈的近义词 英雄联盟崩溃怎么解决 键盘上的顿号怎么打 熟练的近义词 wps怎么用