layui 下拉框搜索支持value值搜索

于 2021-06-15 14:47:00 发布
阅读量619 收藏
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fk_ly/article/details/117924402
版权
在layui版本3.1.1的form.js中，找到了一行代码r=l.indexOf(e)===-1;，并将其替换为r=(l.indexOf(e)===-1&&i.attr('lay-value')!==e);，这一改动可能是为了增强条件判断，确保元素不在数组中且lay-value属性不等于特定值。这个优化可能提高了代码的逻辑准确性。
摘要由CSDN通过智能技术生成

layui version: 3.1.1

找到 form.js , 搜索 r = l.indexOf(e) === -1; 
将 r = l.indexOf(e) === -1; 
替换为 r = (l.indexOf(e) === -1 && i.attr("lay-value") !== e);

参考

Li1 Yu
关注
Layui-select 下拉框实现拼音全拼匹配/首字母模糊搜索
仰淳的博客
05-13 7万+
Layui layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架。亲测很好用，很好看。 官网：http://www.layui.com/ github：https://github.com/sentsin/layui 研究select搜索功能的实现 layui的select组件自带搜索功能，只要在select标签里面添加属性search=”“即可。 但是如果...
layui下拉框怎么获取自定义值_Layui 设置select下拉框自动选中某项的方法
weixin_36081485的博客
01-27 852
1、 需求场景分析用户需要更改某一项活动的信息，活动信息中包含需要用下拉框选择的字段A。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息，自动选择字段A已经存在的值。2、 Layui的select下拉框是怎么实现的为了获得一个select标配的下拉框，我们需要在html中填写的内容如下：* 发送对象：请选择华南理工大学大学城华南理工大学五山校区中山大学珠海校区中山大学大学城校区layui对...
layui onchage事件（动态获取option的value值）
weixin_42782214的博客
12-05 930
layui的onchage事件 获取layui的value值很简单 <select id="province" lay-filter="province"> <option value="1">内蒙古自治区</option> <option value="2">黑龙江省</option> </select>...
layui 获取 单选框 Value 值
Ming-code
08-22 3964
form.on('radio(onRadioValue)', function(data){ var val = data.value; var _this = data.elem.parentNode; var hiddenId = $(_this).find("input[type='hidden']")[0].getA...
使用layui框架的select获取选中的值
weixin_30518397的博客
09-05 3851
在使用时需要注意：select标签的外层需要加上类名".layui-form" 接下来就是根据需求来改变下拉框的内容了，直接给select的option重新赋一次值，记得加上对应的value属性。这里要和layui.js动态加上的dd标签的lay-value属性一致 重点来了！！！如何获取下拉框选中的值呢？图又来了 当然也可以，通过option的value值获取...
layui下拉框获取下拉值(select)的例子
10-16
本文将详细讲解如何在 Layui 中获取下拉框的选中值，并通过一个具体的例子来演示这一过程。 首先，我们需要理解 Layui 的 Select 组件是如何工作的。Layui 的 Select 是基于原生 HTML `<select>` 元素进行封装的，...
解决layui下拉框监听问题(监听不到值的变化)
10-16
本文将详细解析如何解决layui下拉框监听不到值变化的问题。 ### 知识点一：layui下拉框事件监听的官方方法 layui框架为下拉框组件提供了一个监听事件`select`，通过该事件可以监听到下拉框值的变化。官方文档提供...
Layui带搜索的下拉框的使用以及动态数据绑定方法
10-16
在介绍Layui带搜索的下拉框的使用以及动态数据绑定方法之前，首先要了解Layui是什么。Layui是一套遵循简单、直接、高效原则的前端UI框架，它使用JavaScript进行快速开发，无侵入式的前端UI框架，可以很容易地和其它...
layui模拟下拉框从数据库中模糊查询数据
weixin_42053840的博客
11-11 1331
项目场景： layui的下拉框只能模糊查询出已经加载的数据，当然用ajax 请求也能查询到，但是数据多了加载会很慢，而且layui的框放在android调试器上每个机型都不能保证完全适配 问题描述： 自己拼接了个下拉框，并且实时获取输入框的值，确定了再将div中值清空 $("#input_div").on('click', 'p', function(event) { // var txt = "这是第"+($(this).index()+1)+"个li标签";
下拉框搜索并实现模糊查询
weixin_42206447的博客
02-19 2949
 &lt;link href="~/Content/bootstrap.css" rel="stylesheet" /&gt;     &lt;script src="~/Scripts/jquery-1.10.2.min.js"&gt;&lt;/script&gt;     &lt;script src="~/layui/layui.all.js"&gt;&a
Layui动态添加下拉选项值以及根据后台返回数据默认选中某项值的功能
Welcome to my blog
05-23 8875
最近项目遇到需要动态加载option选项后还要默认选中某项值的问题，折磨了几天终于试出了目前可以解决的方法。 两种方式各有优劣： HTML： <td><span class="colorRed">*</span>运抵国家：</td> <td> <select name="currency" id="currency"...
layui中下拉选选中指定某一项
Areigninhell的博客
04-03 3046
转载以下url：https://blog.csdn.net/qq_33594380/article/details/79438026https://blog.csdn.net/lqadam/article/details/71893552先声明注意事项：这里还有两个小问题 1. 关于layui导入组件的问题:layui导入组件使用layui.use()的方式,需要将所有关联到layui的JS,但又...
layui 之可搜索的下拉框select lay-serach
Amy的博客
03-22 1万+
按照官方文档如下写法 <select id="branchCompanyId" name="branchCompanyId" class="layui-select" lay-search> <option value="">选择机构</option> </select> 在外层包一个class=‘layui-form’的元素之后，点...
LayUI 向弹出层Input的Value属性传值
风不知从何处起的小屋
04-29 2678
Layer 向弹出层Input的Value属性传值及父层访问弹出层页面的方法。 1.传值 let userId = "1"; layer.open({ type:2, title:'修改用户信息', btn:['确定','取消'], area: ['400px','380px'], content:"${pageContext.requ...
Layui的select标签回填后value值卡在0的解决方法
weixin_44588946的博客
06-28 1274
Layui的select标签回填后value值卡在0的解决方法 今天在这里给大家分享的Layui的select标签回填后value值卡在0的解决方法 效果图： 未解决时： 已绑定数据了，可就是不显示为绑定的值 我的绑定值（value）是2，它上面显示的（value）是0，是----请选择---- 已解决： 解决方法就是绑定完数据后让form表单重载或者select标签重载，我这里是直接整个f...
layui遍历下拉选 及表单赋值
VringSbsda的博客
09-12 3856
一打开页面就赋值option的那种 遍历的数据库数据 var empData = getEmp; var productData = getProduct; console.log(empData,productData); $.each(empData,function(index,emp){ $("#seniorStaff").append(new Option(emp.empName,em...
记录Layui-select中的搜索下拉框lay-search相关的使用(对于初次使用是真的难顶)
热门推荐
Zachariahs的博客
08-20 4万+
对于一个后端开发人员来说,常用的easyUI,miniUI,bootstrap,layUI等前端整合式的UI框架能很好的提高页面美观程度以及开发效率 我个人在开发中,使用过miniUI,bootstrap,layUI,其中miniUI是在公司开发时公司要求学习使用的,个人写东西还是偏重于layUI和bootstrap,毕竟看着漂亮点. 本次记录的...
使用layui的的下拉框并回填和开启搜索
weixin_44554896的博客
05-06 3049
一、完成HTML布局并开启搜索功能 开启layui下拉框的搜索功能很简单，只需要设定属性lay-search即可开启。 <div class="layui-inline"> <label class="layui-form-label">用户类型</label> <div class="layui-input-inline"...
layui 下拉框 旧值
最新发布
06-11
对于 layui 下拉框（select 组件）而言，如果您想获取旧值，可以通过监听 select 组件的 change 事件来获取。具体方法如下： 1. 给 select 组件添加一个 lay-filter 属性，例如： ``` <option value=""> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值