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 isArray 数组类型检测函数
Oct 08 Javascript
关于hashchangebroker和statehashable的补充文档
Aug 08 Javascript
jQuery仿Excel表格编辑功能的实现代码
May 01 Javascript
jQuery在html有效在jsp无效的原因及解决方法
Aug 02 Javascript
jquery下div 的resize事件示例代码
Mar 09 Javascript
jquery获得同源iframe内body下标签的值的方法
Sep 25 Javascript
js实现每日自动换一张图片的方法
May 04 Javascript
pace.js页面加载进度条插件
Sep 29 Javascript
Javascript es7中比较实用的两个方法示例
Jul 21 Javascript
js 获取json数组里面数组的长度实例
Oct 31 Javascript
TypeScript类型声明书写详解
Aug 28 Javascript
JS前端轻量fabric.js系列物体基类
Aug 05 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 zlib压缩和解压缩swf文件的代码
2008/12/30 PHP
PHP中的cookie不用刷新就生效的方法
2012/02/04 PHP
PHP比较运算符的详细介绍
2015/09/29 PHP
映彩衣的js随笔(js图片切换效果)
2011/07/31 Javascript
Js Jquery创建一个弹出层可加载一个页面
2014/05/08 Javascript
jQuery菜单插件superfish使用指南
2015/04/21 Javascript
JS实战篇之收缩菜单表单布局
2016/12/10 Javascript
jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果
2017/02/15 Javascript
微信小程序本地缓存数据增删改查实例详解
2017/05/24 Javascript
vue路由嵌套的SPA实现步骤
2017/11/06 Javascript
vue2.0实现音乐/视频播放进度条组件
2018/06/06 Javascript
JavaScript代码调试方法实例小结
2019/01/05 Javascript
微信小程序实现录音时的麦克风动画效果实例
2019/05/18 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
2019/12/17 Javascript
js中addEventListener()与removeEventListener()用法案例分析
2020/03/02 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
2020/06/02 jQuery
[00:36]DOTA2上海特级锦标赛 Archon战队宣传片
2016/03/04 DOTA
python使用scrapy解析js示例
2014/01/23 Python
Python实例一个类背后发生了什么
2016/02/09 Python
Python函数的周期性执行实现方法
2016/08/13 Python
python数据类型_字符串常用操作(详解)
2017/05/30 Python
使用Python实现博客上进行自动翻页
2017/08/23 Python
Python爬虫实现“盗取”微信好友信息的方法分析
2019/09/16 Python
python爬取音频下载的示例代码
2020/10/19 Python
AmazeUI 面板的实现示例
2020/08/17 HTML / CSS
俄罗斯的精英皮具:Wittchen
2018/01/29 全球购物
Unineed中文官网:高端护肤美妆与时尚配饰,英国直邮
2020/07/23 全球购物
毕业求职自荐信格式是什么
2013/11/19 职场文书
保险公司晨会主持词
2014/03/22 职场文书
租赁意向书范本
2014/04/01 职场文书
竞选生活委员演讲稿
2014/04/28 职场文书
工地标语大全
2014/06/18 职场文书
HR求职自荐信范文
2014/06/21 职场文书
《月光曲》教学反思
2016/02/16 职场文书
Python 把两层列表展开平铺成一层(5种实现方式)
2021/04/07 Python
详解JAVA的控制语句
2021/11/11 Java/Android