-
layui select下拉菜单 自动选择问题(回选)
2018-11-20 10:56:52layui自动生成的格式,不能用之前的JQ方式来实现select下拉菜单自动选择功能 layui select的格式: 下面这个框里面的dl-dd是layui自动生成的,也就是关键所有,看下具体的结构图: //选择需要选中的对象 var ...layui自动生成的格式,不能用之前的JQ方式来实现select下拉菜单自动选择功能
layui select的格式:
下面这个框里面的dl-dd是layui自动生成的,也就是关键所有,看下具体的结构图:
//选择需要选中的对象 var select = 'dd[lay-value=' + data.id + ']'; //需要用点击事件来实现选中 test为select的id $('#test').siblings("div.layui-form-select").find('dl').find(select).click();
mark it.
-
layui table 下拉事件
2019-08-15 10:13:44table.render({ elem : '#demo1', height : 400, url : 'conditionlist/select' //数据接口 ,toolbar : '#barDemo' ...table.render({
elem : '#demo1',
height : 400,
url : 'conditionlist/select' //数据接口
,toolbar : '#barDemo' //开启工具栏,此处显示默认图标,可以自定义模板,详见文档
,defaultToolbar:[]
,where:{
uuid:$("#uuid").val()
}
,cols : [
[ //表头
{type: 'checkbox', fixed: 'left'}
,{field: 'id', title: 'ID', width:80, sort: true,hide:true}
,{field: 'parameterName', title: '参数名称', sort: true,edit:'text'}
,{field: 'displayName', title: '显示名称', sort: true,edit:'text'}
,{field: 'type', title: '参数类型', sort: true,templet: function(d){
var html = '<select name="type" lay-verify="typedemo" lay-filter="typedemo" value="'+d.type+'">'
+ '<option value=""></option>'
+ '<option value="文本" '+('文本' === d.type ? 'selected=""':'')+'>文本</option>'
+ '<option value="日期" '+('日期' === d.type ? 'selected=""':'')+'>日期</option>'
+ '<option value="编码弹框" '+('编码弹框' === d.type ? 'selected=""':'')+'>编码弹框</option>'
+ '<option value="名称弹框" '+('名称弹框' === d.type ? 'selected=""':'')+'>名称弹框</option>'
+ '</select>'
return html
}}
,{field: 'modeSentence', title: '执行语句', sort: true,edit:'text'}
,{field: 'uuid', title: 'UUID',sort: true,hide:true}
]]
});
form.on('select(typedemo)', function(obj){
//当前元素
var data = $(obj.elem);
//遍历父级tr,取第一个,然后查找第二个td,取值
var id = data.parents('tr').first().find('td').eq(1).text();
var type=obj.value;
$.ajax({
url:'conditionlist/updatetype',
data:{
"id":id,
"type":type
},
type:'post',
dataType:'json',
success:function(data){
if(data==0){
/* table.reload("demo1"); */
}else{
layer.msg('编辑失败');
table.reload("demo1");
}
}
});
}); -
layui 中select下拉change事件失效的解决方法
2021-01-21 14:00:49layui 中select下拉change事件失效的处理方法 1.select中添加 lay-filter=“test” <select lay-filter=test></select> 2.处方方法 form.on('select(test)', function(data){ console.log(data.elem)... -
layui select下拉框监听值变化 layui 下拉列表的change事件
2018-06-27 12:01:06layui下拉列表的事件不能用jq的change 应该用自带的方式写默认情况下,事件所监听的是全部的form模块元素,但如果你只想监听某一个元素,使用事件过滤器即可。如:<select lay-filter="test"&...原文:https://blog.csdn.net/qq_35979073/article/details/79738531
layui下拉列表的事件不能用jq的change 应该用自带的方式写
默认情况下,事件所监听的是全部的form模块元素,但如果你只想监听某一个元素,使用事件过滤器即可。
如:<select lay-filter="test"></select>
监听select
下拉选择框被选中时触发,回调函数返回一个object参数,携带两个成员:
注意:form.render('select');渲染一下 不然你的操作还是不生效 select不是选择器 表示渲染下拉列表 不写表示所有表单都渲染
语法如下
- form.on('select(filter)', function(data){
- console.log(data.elem); //得到select原始DOM对象
- console.log(data.value); //得到被选中的值
- console.log(data.othis); //得到美化后的DOM对象
- });
form.on('select(search_type)', function(data){ var html_one='<option value="1">充值</option><option value="2">还本付息</option>'; if(data.value == 1){ $("#search_detail").html(html_one); form.render('select'); }else if(data.value == 2){ var html_two='<option value="3">提现</option><option value="4">购买产品</option>'; $("#search_detail").html(html_two); form.render('select');//select是固定写法 不是选择器 } });
上图的search_type就是下拉列表的lat-filter参数的值
lay-filter="search_type"
-
layui 中select下拉change事件失效
2019-07-24 11:00:02layui 中select下拉change事件失效处理方法 1.select中添加 lay-filter=“test” <select lay-filter="test"></select> 2.处方方法 form.on('select(test)', function(data){ console.log(data.elem)...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原始DOM对象
console.log(data.value); //得到被选中的值
console.log(data.othis); //得到美化后的DOM对象
});
文章来源: https://blog.csdn.net/qq_32442967/article/details/82797802 -
layui select框代码实现自动下拉
2019-02-14 14:46:08项目使用的layui框架,这个框架有个缺点就是一些H5标签使不上用场,比如datalist...,所以只能尝试寻找它自带的下拉事件怎么用了 //代码自动点击 select 的下拉按钮 $('select[id="projectName"]').... -
layui 监听 select下拉选择框
2019-04-22 17:53:55layui组件,js或jq对其的监听事件会失效,需要代码才能实现: 1.html部分 <select name="category" lay-verify="required" lay-filter="cate"> <option value ="分类1">分类1</option> ... -
layui 的 select 下拉选择框实现默认选中某一项
2019-06-15 17:29:071、使用 select 下拉选择框后在浏览器的选择效果 2、如何实现自动选择 通过默认执行一次 click 事件触发 //状态选中项 var opts = $('.layer_update .layui-input-block dl.layui-anim dd') for (var i = 0; ... -
Layui的 select 下拉选的数据回显以及选中触发的事件(指定下拉选的长度)
2019-10-11 11:04:00备注:通过将指定下拉选的Value值设置select 为true即可。 注意:数据回显时一定要注意下拉框的数据是否已经进行初始化完毕或者已经加载完成。若出现没有回显的情况,则一定是数据未加载完毕,解决方案,将动态加载... -
layui的select监听事件在页面加载时是否调用
2020-06-29 18:04:29layui的select监听事件在页面加载时不会主动调用,如果调用了,一定有类似下面的触发事件: //修改查看页面默认触发select下拉事件 $('select[name=businessType]').next().find('.layui-this').click(); -
layui 下拉列表的change事件
2018-03-29 10:28:56layui下拉列表的事件不能用jq的change 应该用自带的方式写默认情况下,事件所监听的是全部的form模块...监听select下拉选择框被选中时触发,回调函数返回一个object参数,携带两个成员:注意:form.render('select')... -
关于layui 下拉列表的change事件详解
2020-12-13 21:21:27默认情况下,事件所监听的是全部的form模块元素,但如果你只想监听某一个元素,使用事件过滤器即可。 如:<select lay-filter=”test”></select> 监听select 下拉选择框被选中时触发,回调函数返回一个... -
layui form表单中监听select下拉菜单入坑
2020-02-25 16:08:27这几天开始使用layui前端插件,但是完全没有习惯里面的一些监听事件。这不今天我写form表单中下拉select菜单监听就跳坑了!!! 任务: 给两个下拉菜单,点击第一个下拉菜单,第二个下拉菜单完成值的改变。 有对比就... -
layui---select点击事件
2020-04-14 08:47:41$("#addWindow form select").next().find('.layui-select-title').one('click',function () { // select 操作 ........ //重新渲染下拉列表 from.render('select') } -
LayUI中的select
2019-11-07 11:51:56layui下拉列表的事件不能用jq的change 应该用自带的方式写 默认情况下,事件所监听的是全部的form模块元素,但如果你只想监听某一个元素,使用事件过滤器即可。 如: 监听select 下拉选择框被选中时触发,回调函数... -
使用layui框架时select监听的那些坑:无法监听change事件
2019-09-05 14:41:32坑1:使用layui框架,select无法再正常使用change监听下拉选择事件 坑2:使用layui框架自身监听,无论select是否两次选择的同一值,也就是无论select的值有没有变化,都会触发监听事件。 从头到尾: layui框架对... -
Layui 使用Form表单的select时无法使用change事件
2019-12-13 16:24:27Layui 的select想要实现点击即刷新下拉菜单功能 -
在表单中,使用layui渲染select
2020-06-30 15:14:37在表单中,使用layui渲染select 网盘名称 诚通 百度 360 ...在下拉选择的时候,添加监听事件 form.on(‘select(down_link_name)’, function (data) { console.log(this.innerText); //得到被选中 -
layui---事件监听
2021-01-06 13:44:00layui—事件监听 在使用layui的form表单做验证提交的时候,如果结合vue,或者是三级联动的时候,就需要做事件监听了。 具体语法: form.on(‘event(过滤器值)’, callback); 可以用于监听:select,checkbox,switch... -
layui监听当前页_layui 事件监听触发
2020-12-22 04:54:411:监听select 改变下拉选择框写作阅读听歌游戏layui.use('form', function(){var form = layui.form;form.on('select(aihao)',function(data){console.log(data);console.log(data.elem); //得到select原始DOM对象... -
layui 数据表格下拉框_layui-table-column-select(layui数据表格可搜索下拉框select)
2021-01-14 11:46:39码云地址:https://gitee.com/kkk12/layui-table-select一、介绍此项目是为了解决layui table表格单元格(column)点击事件中无下拉列表(select)功能的问题。a.可异步ajax请求后台数据。b.可直接以数组形式传参... -
layui监听当前页_layui事件监听使用
2020-12-31 00:52:41在使用layui的form表单做验证提交的时候,如果结合vue,...可以用于监听:select,checkbox,switch,radio,submit 的改变一、监听select的改变下拉选择框写作阅读听歌游戏layui.use('form', function(){var form...
-
认真聊一聊加班严重时该如何自我提升?
-
实现 MySQL 读写分离的利器 mysql-proxy
-
简历制作和面试技巧
-
Windows系统管理
-
KOLLMORGEN.pdf
-
白光LED用Sr_3(PO_4)_2∶Eu~(2+)蓝色荧光粉的制备及发光性能研究
-
同济张子豪树莓派安装时出现小问题解决文案.docx
-
【入门指引】天线基础与HFSS-CST天线设计流程
-
Phison UPTool v2.094_20150909
-
项目管理工具与方法
-
三人分糖果
-
【硬核】一线Python程序员实战经验分享(1)
-
MySQL 查询与高级查询(多表、嵌套和正则表达式)
-
神经网络的基本思想
-
项目经理问:我怎么有做不完的事情–事件篮方法
-
MySQL 管理利器 mysql-utilities
-
JavaWeb
-
vxWorks6.8 操作系统下 QT 安装设置.pdf
-
牛牛量化策略交易
-
MySQL 高可用工具 heartbeat 实战部署详解