layui 监听select选择 获取当前select的ID名称方法


Posted in Javascript onSeptember 24, 2019

监听select选择

form.on('select(filter)', function(data){
 console.log(data.elem); //得到select原始DOM对象
 console.log(data.value); //得到被选中的值
 console.log(data.othis); //得到美化后的DOM对象
});

获取自定义属性

data.elem.getAttribute("data-id")

例子:取得ID名称

layui 监听select选择 获取当前select的ID名称方法

form.on('select', function(data){
 //console.log(data.elem); //得到select原始DOM对象
 //console.log(data.value); //得到被选中的值
  var x = data.elem.getAttribute("id")
 console.log(x); //得到被选中的值
 //console.log(data.othis); //得到美化后的DOM对象
});

以上这篇layui 监听select选择 获取当前select的ID名称方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用函数式编程技术编写优美的 JavaScript
Nov 25 Javascript
传递参数的标准方法(jQuery.ajax)
Nov 19 Javascript
javascript 数据类型转换(parseInt,parseFloat)
Jul 20 Javascript
纯JAVASCRIPT图表动画插件Highcharts Examples
Apr 16 Javascript
JQuery点击事件回到页面顶部效果的实现代码
May 24 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Oct 05 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
Jan 17 Javascript
JavaScript优化以及前段开发小技巧
Feb 02 Javascript
详解使用JS如何制作简单的ASCII图与单极图
Mar 31 Javascript
angular.js+node.js实现下载图片处理详解
Mar 31 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
Jun 25 Javascript
vue3 源码解读之 time slicing的使用方法
Oct 31 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
Sep 24 #Javascript
layui将table转化表单显示的方法(即table.render转为表单展示)
Sep 24 #Javascript
JavaScript RegExp 对象用法详解
Sep 24 #Javascript
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
Sep 24 #Javascript
解决layui table表单提示数据接口请求异常的问题
Sep 24 #Javascript
关于layui时间回显问题的解决方法
Sep 24 #Javascript
Vue之Mixins(混入)的使用方法
Sep 24 #Javascript
You might like
深入理解PHP原理之错误抑制与内嵌HTML分析
2011/05/02 PHP
9个PHP开发常用功能函数小结
2011/07/15 PHP
js chrome浏览器判断代码
2010/03/28 Javascript
JS维吉尼亚密码算法实现代码
2010/11/09 Javascript
基于jQuery架构javascript基础体系
2011/01/01 Javascript
jquery学习笔记 用jquery实现无刷新登录
2011/08/08 Javascript
jquery中邮箱地址 URL网站地址正则验证实例代码
2013/09/15 Javascript
浅谈EasyUI中Treegrid节点的删除
2015/03/01 Javascript
js显示文本框提示文字的方法
2015/05/07 Javascript
举例详解Python中smtplib模块处理电子邮件的使用
2015/06/24 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
2015/08/04 Javascript
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
2015/08/11 Javascript
基于javascript实现窗口抖动效果
2016/01/03 Javascript
jQuery+css实现的切换图片功能代码
2016/01/27 Javascript
JS获取IMG图片高宽的简单实例
2016/05/17 Javascript
基于JQuery实现分隔条的功能
2016/06/17 Javascript
input框中的name和id的区别
2016/11/16 Javascript
vue 2.0组件与v-model详解
2017/03/27 Javascript
JavaScript高级函数应用之分时函数实例分析
2018/08/03 Javascript
JavaScript学习笔记之数组基本操作示例
2019/01/09 Javascript
原生js实现的移动端可拖动进度条插件功能详解
2019/08/15 Javascript
layui switch 开关监听 弹出确定状态转换的例子
2019/09/21 Javascript
[05:04]DOTA2上海特级锦标赛主赛事第二日TOP10
2016/03/04 DOTA
[02:37]2018DOTA2亚洲邀请赛赛前采访-EG篇
2018/04/03 DOTA
python使用 cx_Oracle 模块进行查询操作示例
2019/11/28 Python
Python SMTP配置参数并发送邮件
2020/06/16 Python
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
北美领先的智能产品购物网站:Wellbots
2018/06/11 全球购物
Lampenwelt德国:欧洲领先的灯具和照明在线商店
2018/08/05 全球购物
Lungolivigno Fashion官网:高级时装在线购物
2020/10/17 全球购物
售后服务科岗位职责范文
2013/11/13 职场文书
一年级学生评语
2014/04/23 职场文书
中国梦读书活动总结
2014/07/10 职场文书
意外死亡赔偿协议书
2014/10/14 职场文书
教师群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
春季运动会开幕词
2015/01/28 职场文书