layui form.on 绑定select监听 不生效方法解决

最新推荐文章于 2023-08-28 13:44:53 发布
最新推荐文章于 2023-08-28 13:44:53 发布
阅读量4.4k 收藏 1
点赞数 1
分类专栏： tp5
本文链接：https://blog.csdn.net/tyweb_nte/article/details/106410621
版权

 1, select标签中没有写lay_filter属性,用来监听

<select id="watch" lay-filter="watch" class="layui-input layui-unselect" >
        <option>--请选择--</option>
</select>

2.检查<div> 或者 <form> 是否有class="layui-form" 这个样式

最主要还是  lay-filter="watch"  这个属性 一定要带上 和下面 的绑定 不然监听不到

腾云网络
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Layui提交form表单layer.msg无效/layui.form.on触发了异步请求也触发了form表单的action/layui.form.on提交表单后异步没有返回值
雾林小妖的博客
06-17 239
Layui提交form表单layer.msg无效/layui.form.on触发了异步请求也触发了form表单的action/layui.form.on提交表单后异步没有返回值
layui select lay-filter就不渲染和全局渲染用法和校验
weixin_30888413的博客
07-17 4155
下拉客户名称改变配合负责人以及协助人动态获取 layui.use(['layer', 'jquery', 'form'], function () { var layer = layui.layer, $ = layui.jquery, form = layui.form; form.on('select(cust_id)', functi...
layui框架form.on(‘select(XXX)’,function(){});方法不执行解决方法
01-08
在layui框架中使用form.on方法绑定select下拉框选中事件，form.on()方法不执行, 解决方法有以下几点： 1.  html中form标签中要有class=”layui-form”，否则不生效  2.  form.on方法必须放在layui.use({})里 layui.use(['form', 'layer'], function () { form.on('select(XXX)', function (data) {}); }); 3.  select标签中要有lay-filter属性，用来监听select 以上解决方
解决layui下拉框监听问题(监听不到值的变化)
12-13
关于layui监听下拉框值得变化，大家都知道官方文档给我们提供了一个方法 form.on('select(demo)',function(data){ console.log(data.value)//打印当前select选中的值 }) 按照我之前的理解，监听下拉框值得变化，就是只有下拉框的值发生了改变，才会触发这个事件，否则就不触发。但是这个方法是，只要你鼠标点击了下拉选项里面的值，不论这个值跟之前的值是否相等，都会触发这个事件。 下面说一下我的解决办法 1.首先，我写了一个input框，用来存放select当前选择的value值（这个时候不知道大家是不是跟我想的一样，只要监听这个inp
layui form.on select 无效问题或者重复渲染，form.on 点击事件无效。
qq_51165365的博客
04-14 2615
问题描述，没有基本逻辑错误，但是点击无效，后来出现了一个新的问题，select选项渲染两次，原始的武无效，下面的可以触发，初步判断样式出了问题，根据正常的样式比较。layui 的form.on应该是生成新的覆盖原来或者隐藏原来的选项的触发点击事件。JS中render()后会有两个选项，不render（）form.on事件无效。可能其他的样式把.layui-form select 的 display: none;替换，因此需要改回去。错误两个都可以选择，且互相渲染，但是form.on事件第一个上面无效。
关于layui下拉框select监听的开发
weixin_45390475的博客
08-01 1253
过程：开始想的是用onchange监听数据变化和手动写了下拉dl dd的click点击事件，但是没生效；需求：通过layui下拉框点击事件切换数据；解决：在网上找到一篇文章。，通过该案例成功解决；
layui 中select下拉change事件失效
hy565319583的博客
07-24 1540
layui 中select下拉change事件失效处理方法 1.select中添加 lay-filter=“test” <select lay-filter="test"></select> 2.处方方法 form.on('select(test)', function(data){ console.log(data.elem); //得到select原始D...
解决在LAYUI中select onchange事件失效问题
02-16 1238
HTML代码 <select lay-filter="consist"> <option value=""></option> <option value="测试值1">测试值1</option> <option...
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
10-16
本文将深入探讨如何使用layui监听器监听select下拉框，并解决事件绑定不成功的问题。 首先，layui监听器的核心在于其事件绑定机制。在layui中，我们可以使用`form.on()`方法来监听form表单内的元素事件，包括select...
layui 解决form表单点击无反应的问题
10-16
今天小编就为大家分享一篇layui 解决form表单点击无反应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在layui中select更改后生效的方法
10-16
总的来说，在layui中，当`select`需要动态更新或添加选项时，使用`form.render()`方法是确保更改立即生效的关键步骤。同时，合理地组织代码，结合layui的其他功能，可以让你的前端表单交互更加流畅和高效。
Layui带搜索的下拉框的使用以及动态数据绑定方法
12-13
在调用`bindSelect`方法后，记得使用Layui的`form.render()`方法重载表单，以确保下拉框的数据能够正确显示和绑定。如果不执行这一步，可能会导致数据加载不稳定，影响下拉框的正常使用。 总的来说，Layui的带搜索...
Layui下select下拉框不显示或没有效果
懒虫的博客
04-11 1434
Layui下select下拉框不显示或没有效果
layui中的select的onchange监听失效事件
qq_43114063的博客
11-17 545
1.首先查看自己的dom有没有以下的标记 2.看网络有没有发请求，提供在监听的事件里添加一个console.log();打印一下看有没有进去。 3.检查有没有语法错误或者id写了重复的。 layui.use(['form','table'],function (){ var form =layui.form; form.on('select(carModel-select)',function (data){ //这里就是填写你需要做的事了 l.
[Layui] select监听 form.on(‘select(XXX)‘,function(){})；
最新发布
weixin_46099170的博客
08-28 2514
layui 框架中使用 form.on 方法监听select 选中事件。
layui框架form.on(‘select(XXX)‘,function(){})；方法不执行解决方法
热门推荐
Zartillery的博客
04-09 2万+
在layui框架中使用form.on方法绑定select下拉框选中事件，form.on()方法不执行, 解决方法有以下几点： 1. html中form标签中要有class="layui-form"，否则不生效 <form class="layui-form"> </from> 2. form.on方法必须放在layui.use({})里 <scri...
vue中el-form表单无法监听到新增和删除的对象值
anny_mei的博客
09-10 538
这算是defineProperty的缺陷了 虽然Object.defineProperty通过为属性设置getter/setter能够完成数据的响应式，但是它并不算是实现数据的响应式的完美方案，主要缺陷有 无法检测到对象属性的新增或删除 <p>{{obj}}</p> <p>{{arr}}</p> data(){ return { obj:{ a:2 } } }, mounted () {
layui-form表单中的select Vue使用@change监听无效
K982869292的博客
11-15 2166
标题 layui-form表单中的select标签 Vue使用@change监听无效 在layui中，使用form表单，需在form中添加class=“layui-form”，form属性才会生效，但是在我配合使用Vue监听改变事件时，@change监听会失效，以下是解决办法： 1.删除form中的class="layui-form"就可以监听到了[狗头]； 2.在select中添加lay-filter=“checkType”，在layui.use使用form.on进行监听，再调用Vue中的方法就可以了。
使用layui框架时select监听的那些坑：无法监听change事件
老蔡学代码
09-05 8753
坑１：使用layui框架,select无法再正常使用change监听下拉选择事件 坑２：使用layui框架自身监听，无论select是否两次选择的同一值，也就是无论select的值有没有变化，都会触发监听事件。 从头到尾： layui框架对select表单代码又进行了二次渲柒，所以无法使用普通的监听。 那要怎么监听呢？ <select lay-filter="demo"&gt...
layui form.on select获取选中的name和value
06-02
可以通过监听 layui 的 form 组件的 select 事件来获取选中的 name 和 value 值。具体代码如下： ```javascript form.on('select(selectId)', function(data){ var name = data.elem[data.elem.selectedIndex].text; var value = data.value; console.log("选中的name为：" + name + "，选中的value为：" + value); }); ``` 其中，`selectId` 为你的 select 组件的 id 属性值。在回调函数中，`data.elem` 代表当前 select 元素，`data.value` 代表选中的 value 值，使用 `data.elem.selectedIndex` 可以获取选中的 option 元素的下标，从而获取对应的 name 值。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值