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 相关文章推荐
jQuery生成asp.net服务器控件的代码
Feb 04 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
Jul 04 Javascript
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
Aug 14 Javascript
js实现每日自动换一张图片的方法
May 04 Javascript
js带点自动图片轮播幻灯片特效代码分享
Sep 07 Javascript
举例讲解jQuery中可见性过滤选择器的使用
Apr 18 Javascript
jQuery返回定位插件详解
May 15 jQuery
vue2 自定义动态组件所遇到的问题
Jun 08 Javascript
vue+vuex+axios实现登录、注册页权限拦截
Mar 09 Javascript
JS匿名函数和匿名自执行函数概念与用法分析
Mar 16 Javascript
js实现左右轮播图
Jan 09 Javascript
JavaScript 实现页面滚动动画
Apr 24 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 遍历显示文件夹下所有目录、所有文件的函数,没有分页的代码
2008/11/14 PHP
PHP 基本语法格式
2009/12/15 PHP
PHP Directory 函数的详解
2013/03/07 PHP
一款简单实用的php操作mysql数据库类
2014/12/08 PHP
PHP使用内置函数file_put_contents写入文件及追加内容的方法
2015/12/07 PHP
php微信开发之批量生成带参数的二维码
2016/06/26 PHP
JavaScript-世界上误解最深的语言分析
2007/08/12 Javascript
javascript 贪吃蛇实现代码
2008/11/22 Javascript
用Javascript获取页面元素的具体位置
2013/12/09 Javascript
IE和Firefox之间在JavaScript语法上的差异
2016/04/22 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
2016/06/29 Javascript
全面介绍javascript实用技巧及单竖杠
2016/07/18 Javascript
Base64(二进制)图片编码解析及在各种浏览器的兼容性处理
2017/02/09 Javascript
jQuery插件jqGrid动态获取列和列字段的方法
2017/03/03 Javascript
Vue.js实战之组件之间的数据传递
2017/04/01 Javascript
原生js实现移动端Touch轮播图的方法步骤
2019/01/03 Javascript
vue-cli 目录结构详细讲解总结
2019/01/15 Javascript
JS使用Dijkstra算法求解最短路径
2019/01/17 Javascript
vue-router 起步步骤详解
2019/03/26 Javascript
vue实现按需加载组件及异步组件功能
2019/05/27 Javascript
js+css实现扇形导航效果
2020/08/18 Javascript
python正则表达式去掉数字中的逗号(python正则匹配逗号)
2013/12/25 Python
python实现得到一个给定类的虚函数
2014/09/28 Python
批处理与python代码混合编程的方法
2016/05/19 Python
Django工程的分层结构详解
2019/07/18 Python
Python调用接口合并Excel表代码实例
2020/03/31 Python
CSS实现进度条和订单进度条的示例
2020/11/05 HTML / CSS
html2canvas截图空白问题的解决
2020/03/24 HTML / CSS
美国知名日用品连锁超市:Dollar General(多来店)
2017/01/14 全球购物
七年级地理教学反思
2014/01/26 职场文书
2014年关于两会精神的心得体会
2014/03/17 职场文书
数学兴趣小组活动总结
2014/07/08 职场文书
学校献爱心活动总结
2014/07/08 职场文书
召开会议通知范文
2015/04/15 职场文书
报案材料怎么写
2015/05/25 职场文书
2015年网络舆情工作总结
2015/07/24 职场文书