手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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 怎么隐藏下拉框
© 手抄报圈