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 相关文章推荐
十个优秀的Ajax/Javascript实例网站收集
Mar 31 Javascript
使用Grunt.js管理你项目的应用说明
Apr 24 Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
Sep 29 Javascript
table对象中的insertRow与deleteRow使用示例
Jan 26 Javascript
jQuery中mouseover事件用法实例
Dec 26 Javascript
Vue2.x中的父组件传递数据至子组件的方法
May 01 Javascript
微信小程序 图片宽高自适应详解
May 11 Javascript
jQuery Collapse1.1.0折叠插件简单使用
Aug 28 jQuery
JS获取数组中出现次数最多及第二多元素的方法
Oct 27 Javascript
JS使用贪心算法解决找零问题示例
Nov 27 Javascript
vue使用中的内存泄漏【推荐】
Jul 10 Javascript
koa2服务端使用jwt进行鉴权及路由权限分发的流程分析
Jul 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之第四天
2006/10/09 PHP
php目录操作函数之获取目录与文件的类型
2010/12/29 PHP
PHP中使用foreach和引用导致程序BUG的问题介绍
2012/09/05 PHP
php的crc32函数使用时需要注意的问题(不然就是坑)
2015/04/21 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
Laravel框架自定义分页样式操作示例
2020/01/26 PHP
PHP sdk文档处理常用代码示例解析
2020/12/09 PHP
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2010/02/04 Javascript
基于jquery实现的服务器验证控件的启用和禁用代码
2010/04/27 Javascript
19个很有用的 JavaScript库推荐
2011/06/27 Javascript
JavaScript(js)设置默认输入焦点(focus)
2012/12/28 Javascript
关于js遍历表格的实例
2013/07/10 Javascript
jquery fancybox ie6不显示关闭按钮的解决办法
2013/12/25 Javascript
基于jquery实现的自动补全功能
2015/03/12 Javascript
javascript 闭包详解
2015/07/02 Javascript
简单实现兼容各大浏览器的js复制内容到剪切板
2015/09/09 Javascript
当jquery ajax遇上401请求的解决方法
2016/05/19 Javascript
AngularJS基础 ng-model-options 指令简单示例
2016/08/02 Javascript
js原生之焦点图转换加定时器实例
2016/12/12 Javascript
AngularJS中$http使用的简单介绍
2017/03/17 Javascript
nodejs入门教程四:URL相关模块用法分析
2017/04/24 NodeJs
详解基于React.js和Node.js的SSR实现方案
2019/03/21 Javascript
vue 实现搜索的结果页面支持全选与取消全选功能
2019/05/10 Javascript
如何阻止小程序遮罩层下方图层滚动
2019/09/05 Javascript
利用Python读取文件的四种不同方法比对
2017/05/18 Python
python运行其他程序的实现方法
2017/07/14 Python
python函数修饰符@的使用方法解析
2019/09/02 Python
MIKI HOUSE美国官方网上商店:日本领先的婴儿和儿童高级时装品牌
2020/06/21 全球购物
总裁秘书岗位职责
2013/12/04 职场文书
中学生班主任评语
2014/01/30 职场文书
销售人员求职的自我评价分享
2014/03/15 职场文书
安全口号大全
2014/06/21 职场文书
新闻学专业求职信
2014/07/28 职场文书
安全事故隐患排查治理制度
2015/08/05 职场文书
工作转正自我鉴定范文
2019/06/21 职场文书
Redis数据同步之redis shake的实现方法
2022/04/21 Redis