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安装及配置详解
  • 热门搜索
    风华正茂是什么意思 多规合一是什么意思 吃维c有什么好处 scale是什么意思 感叹号什么意思 红颜祸水是什么意思 手机买什么好 老人脚肿是什么原因 班级运动会口号 h腰带是什么牌子