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函数
Dec 22 Javascript
Javascript和Ajax中文乱码吐血版解决方案
Dec 21 Javascript
js控制CSS样式属性语法对照表
Dec 11 Javascript
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
Feb 21 Javascript
JavaScript基础知识学习笔记
Dec 02 Javascript
js实现拉幕效果的广告代码
Sep 02 Javascript
jquery.validate 自定义验证方法及validate相关参数
Jan 18 Javascript
js省市县三级联动效果实例
Apr 15 Javascript
JS Array创建及concat()split()slice()的使用方法
Jun 03 Javascript
Node.js操作redis实现添加查询功能
May 25 Javascript
详解Vue中使用Echarts的两种方式
Jul 03 Javascript
原生JavaScript实现刮刮乐
Sep 29 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
phplock(php进程锁) v1.0 beta1
2009/11/24 PHP
PHP数组无限分级数据的层级化处理代码
2012/12/29 PHP
ecshop 2.72如何修改后台访问地址
2015/03/03 PHP
PHP简单处理表单输入的特殊字符的方法
2016/02/03 PHP
Laravel 5.4重新登录实现跳转到登录前页面的原理和方法
2017/07/13 PHP
PHP简单实现二维数组的矩阵转置操作示例
2017/11/24 PHP
PHP实现微信提现功能(微信商城)
2019/11/21 PHP
Highslide.js是一款基于js实现的网页中图片展示插件
2020/03/30 Javascript
浅谈javascript中的作用域
2012/04/07 Javascript
Bootstrap轮播图的使用和理解4
2016/12/14 Javascript
Vue 过渡实现轮播图效果
2017/03/27 Javascript
浅谈关于axios和session的一些事
2017/07/13 Javascript
javascript中函数的写法实例代码详解
2018/10/28 Javascript
详解vue路由篇(动态路由、路由嵌套)
2019/01/27 Javascript
详解Vue前端生产环境发布配置实战篇
2019/05/07 Javascript
深入分析jQuery.one() 函数
2020/06/03 jQuery
[37:45]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS Orenda
2014/05/22 DOTA
[04:22]DOTA2大事件之护国神翼
2020/08/14 DOTA
[01:09:16]DOTA2-DPC中国联赛 正赛 SAG vs Dynasty BO3 第一场 1月25日
2021/03/11 DOTA
Python随机数random模块使用指南
2016/09/09 Python
Python使用base64模块进行二进制数据编码详解
2018/01/11 Python
python随机数分布random测试
2018/08/27 Python
在PyCharm下打包*.py程序成.exe的方法
2018/11/29 Python
Python中出现IndentationError:unindent does not match any outer indentation level错误的解决方法
2020/04/18 Python
python如何解析配置文件并应用到项目中
2019/06/27 Python
vscode 配置 python3开发环境的方法
2019/09/19 Python
Python Pandas 转换unix时间戳方式
2019/12/07 Python
windows下python安装pip方法详解
2020/02/10 Python
英文求职信结束语大全
2013/10/26 职场文书
会计电算化专业毕业生求职信范文
2013/12/10 职场文书
解除施工合同协议书
2014/10/17 职场文书
社区五一劳动节活动总结
2015/02/09 职场文书
幼儿园教师求职信
2015/03/20 职场文书
2016年教代会开幕词
2016/03/04 职场文书
关于保护环境的建议书
2019/06/24 职场文书
CSS3 天气图标动画效果
2021/04/06 HTML / CSS