layui 怎么隐藏下拉框

 时间:2024-10-30 19:37:14

layui怎么隐藏下拉框

layui 怎么隐藏下拉框

工具/原料

电脑

方法/步骤

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安装及配置详解
热门搜索
奥特曼名字大全加图片 叮当猫图片 浴室少女二十天 少女派对 白露图片