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

更新时间：2019年09月24日 10:51:00 作者：我是高手高手高高手

今天小编就为大家分享一篇layui 监听select选择获取当前select的ID名称方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

监听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名称

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基础进阶之数组方法总结(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09
Javascript如何实现扩充基本类型
这篇文章主要介绍了Javascript如何实现扩充基本类型,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-08-08
JS实现网页烟花动画效果
这篇文章主要为大家详细介绍了JS实现网页烟花动画效果，点击鼠标烟花向四周扩散，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-03-03
微信小程序webview实现长按点击识别二维码功能示例
这篇文章主要介绍了微信小程序webview实现长按点击识别二维码功能,结合实例形式分析了webview二维码识别相关操作技巧,需要的朋友可以参考下
2019-01-01
详解ES6 扩展运算符的使用与注意事项
扩展运算符 (spread syntax) 是 ES6 提供的一种非常便捷的新语法，给我们操作数组和对象带来了非常大的便利，我在很多文章中也提到了这个语法。但是其实扩展运算符的用法还是比较多比较杂的，我用一篇文章来做一下总结，梳理一下扩展运算的语法和使用细节。
2020-11-11
深入理解javascript中concat方法
本文主要介绍了javascript中concat方法，主要分为2小节内容：1.concat方法的基础介绍；2.从实例中感受concat方法。需要的朋友一起来看下吧
2016-12-12
JavaScript 垃圾回收机制分析
同C# 、Java一样我们可以手工调用垃圾回收程序，但是由于其消耗大量资源，而且我们手工调用的不会比浏览器判断的准确，所以不推荐手工调用垃圾回收
2013-10-10
js删除对象属性的多种方法举例
删除属性有很多方法,学到了就在这里记录一下,下面这篇文章主要给大家介绍了关于js删除对象属性的多种方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-12-12
JavaScript中校验银行卡号的实现代码
本文通过案例给大家介绍了js中校验银行卡号的代码，代码小编测试过，可行。代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧
2016-12-12
封装的dialog插件基于bootstrap模态对话框的简单扩展
这篇文章主要介绍了基于bootstrap模态对话框的简单扩展，bootstrap-mzDialog插件的封装，感兴趣的小伙伴们可以参考一下
2016-08-08