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 Select操作大集合
May 26 Javascript
JavaScript 放大镜 移动镜片效果代码
May 09 Javascript
jQuery使用元素属性attr赋值详解
Feb 27 Javascript
js H5 canvas投篮小游戏
Aug 18 Javascript
微信小程序 教程之注册页面
Oct 17 Javascript
基于jQuery制作小图标上下滑动特效
Jan 18 Javascript
angularJS 指令封装回到顶部示例详解
Jan 22 Javascript
浅析bootstrap原理及优缺点
Mar 19 Javascript
Vue中对比scoped css和css module的区别
May 17 Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
Dec 06 Javascript
node.js连接mysql与基本用法示例
Jan 05 Javascript
详解Vue中使用Axios拦截器
Apr 22 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也可以?成Shell Script
2006/10/09 PHP
给多个地址发邮件的类
2006/10/09 PHP
Apache连接PHP后无法启动问题解决思路
2015/06/18 PHP
PHP后台实现微信小程序登录
2018/08/03 PHP
laravel5.6 框架操作数据 Eloquent ORM用法示例
2020/01/26 PHP
jQuery选择头像并实时显示的代码
2010/06/27 Javascript
基于jquery的滑动样例代码
2010/11/20 Javascript
javascript写的日历类(基于pj)
2010/12/28 Javascript
Javascript 面向对象编程(coolshell)
2012/03/18 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
2016/12/14 Javascript
ES6入门教程之Class和Module详解
2017/05/17 Javascript
微信小程序新增的拖动组件movable-view使用教程
2017/05/20 Javascript
在Vue项目中用fullcalendar制作日程表的示例代码
2019/08/04 Javascript
Javascript实现鼠标点击冒泡特效
2019/12/24 Javascript
javascript异常处理实现原理详解
2020/02/17 Javascript
Python threading多线程编程实例
2014/09/18 Python
python删除服务器文件代码示例
2018/02/09 Python
Python+Pyqt实现简单GUI电子时钟
2021/02/22 Python
django基于cors解决跨域请求问题详解
2019/08/06 Python
Jupyter Notebook 实现正常显示中文和负号
2020/04/24 Python
Python实现石头剪刀布游戏
2021/01/20 Python
CSS教程:CSS3圆角属性
2009/04/02 HTML / CSS
HTML5中的Web Notification桌面右下角通知功能的实现
2018/04/19 HTML / CSS
萌新的HTML5 入门指南
2020/11/06 HTML / CSS
全球酒店比价网:HotelsCombined
2017/06/20 全球购物
SmartBuyGlasses中国:唯视良品(销售名牌太阳镜、墨镜和眼镜框)
2017/07/03 全球购物
CK加拿大官网:Calvin Klein加拿大
2020/03/14 全球购物
下面这个程序执行后会有什么错误或者效果
2014/11/03 面试题
敏捷开发的主要原则都有哪些
2015/04/26 面试题
广告设计专业自荐信范文
2013/11/14 职场文书
2014年3.15团委活动总结
2014/03/16 职场文书
动员大会主持词
2014/03/20 职场文书
电子商务专业求职信
2014/07/10 职场文书
工伤事故赔偿协议书范文
2014/09/24 职场文书
超市店长竞聘书
2015/09/15 职场文书
读《茶花女》有感:山茶花的盛开与凋零
2020/01/17 职场文书