layui使用搜索选择框

 时间:2024-10-11 19:00:21

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

layui使用搜索选择框layui使用搜索选择框

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

layui使用搜索选择框

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

layui使用搜索选择框

4、但这些做完后,运行页面,我们发现下拉框还是一般常规的下拉框。

layui使用搜索选择框

5、其实,另一个比较重要的点,就是在select控竭惮蚕斗件的父层,我们必须要添加一个layui-form的样式名。

layui使用搜索选择框

6、添加后,页面上的select元素才是layui风格的元素。

layui使用搜索选择框

7、下拉框也是比较漂亮的。

layui使用搜索选择框

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

layui使用搜索选择框
  • JAVA环境配置总是出错,如何正确的配置
  • matlab怎么创建GUI界面
  • Visio如何创建数据流模型图
  • Windows10电脑怎样配置系统环境变量
  • Visio怎样快速对形状进行分组
  • 热门搜索
    环保的手抄报图片 放飞梦想手抄报资料 绿色家园手抄报资料 日行一善手抄报资料 成长手抄报内容 关于孝的手抄报内容 感念师恩手抄报 手抄报的格式 关于黄河的手抄报初一 美德少年手抄报资料