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 相关文章推荐
Uglifyjs(JS代码优化工具)入门 安装使用
Apr 13 Javascript
代码触发js事件(click、change)示例应用
Dec 13 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
Apr 02 Javascript
js实现网页收藏功能
Dec 17 Javascript
移动端js触摸事件详解
Sep 18 Javascript
JS实现验证码倒计时的注册页面
Jan 02 Javascript
vue.js做一个简单的编辑菜谱功能
May 08 Javascript
JS数组扁平化(flat)方法总结详解
Jun 24 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
Oct 16 Javascript
JS array数组检测方式解析
May 19 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
Nov 07 Javascript
JavaScript实现简单动态表格
Dec 02 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 allow_url_include的应用和解释
2010/04/22 PHP
php中mysql模块部分功能的简单封装
2011/09/30 PHP
关于PHP内存溢出问题的解决方法
2013/06/25 PHP
非常有用的9个PHP代码片段
2016/04/06 PHP
基于PHP实现数据分页显示功能
2016/05/26 PHP
PHP利用缓存处理用户注册时的邮箱验证,成功后用户数据存入数据库操作示例
2019/12/31 PHP
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
2013/04/07 Javascript
简洁Ajax函数处理(示例代码)
2013/11/15 Javascript
Javascript中call与apply的学习笔记
2014/09/22 Javascript
显示今天的日期js代码(阳历和农历)
2014/09/30 Javascript
JavaScript返回0-1之间随机数的方法
2015/04/06 Javascript
Vue.js实现模拟微信朋友圈开发demo
2017/04/20 Javascript
js编写简单的聊天室功能
2017/08/17 Javascript
详解vue中引入stylus及报错解决方法
2017/09/22 Javascript
解析vue路由异步组件和懒加载案例
2018/06/08 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
2018/10/30 Javascript
了解javascript中let和var及const关键字的区别
2019/05/24 Javascript
React组件对子组件children进行加强的方法
2019/06/23 Javascript
JavaScript面向对象中接口实现方法详解
2019/07/24 Javascript
node脚手架搭建服务器实现token验证的方法
2021/01/20 Javascript
[01:15:18]2014 DOTA2国际邀请赛中国区预选赛 LGD VS Speed Gaming.cn
2014/05/22 DOTA
Python登录系统界面实现详解
2019/06/25 Python
Python将主机名转换为IP地址的方法
2019/08/14 Python
python字符串替换re.sub()实例解析
2020/02/09 Python
Python将list元素转存为CSV文件的实现
2020/11/16 Python
使用CSS3代码绘制可爱的Hello Kitty猫
2016/08/03 HTML / CSS
英国卫浴商店:Ergonomic Design
2019/09/22 全球购物
Java模拟试题
2014/11/10 面试题
个人找工作求职简历的自我评价
2013/10/20 职场文书
新学期红领巾广播稿
2014/01/14 职场文书
政府班子四风问题整改措施思想汇报
2014/10/08 职场文书
2014年民政工作总结
2014/11/26 职场文书
获奖感言范文
2015/07/31 职场文书
mysql 8.0.24 安装配置方法图文教程
2021/05/12 MySQL
KVM基础命令详解
2022/04/30 Servers
使用HBuilder制作一个简单的HTML5网页
2022/07/07 HTML / CSS