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 相关文章推荐
js获取单选按钮的数据
Nov 27 Javascript
区分JS中的undefined,null,"",0和false
Mar 08 Javascript
jQuery JSON的解析方式分享
Apr 05 Javascript
Jquery写一个鼠标拖动效果实现原理与代码
Dec 24 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 Javascript
jQuery处理图片加载失败的常用方法
Jun 08 Javascript
canvas的神奇用法
Feb 03 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
JavaScript满天星导航栏实现方法
Mar 08 Javascript
vue中选项卡点击切换且能滑动切换功能的实现代码
Nov 25 Javascript
微信小程序实现图片选择并预览功能
Jul 25 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
May 06 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防止sql注入示例分析和几种常见攻击正则表达式
2014/01/12 PHP
PHP中的use关键字概述
2014/07/23 PHP
PHP实现在线阅读PDF文件的方法
2015/06/23 PHP
py文件转exe时包含paramiko模块出错解决方法
2016/08/12 PHP
分享PHP-pcntl 实现多进程代码
2016/09/30 PHP
Thinkphp5.0框架视图view的模板布局用法分析
2019/10/12 PHP
浅谈PHP之ThinkPHP框架使用详解
2020/07/21 PHP
文本加密解密
2006/06/23 Javascript
node.js中的emitter.on方法使用说明
2014/12/10 Javascript
html的DOM中Event对象onabort事件用法实例
2015/01/21 Javascript
JS+DIV+CSS排版布局实现美观的选项卡效果
2015/10/10 Javascript
jQuery EasyUI Layout实现tabs标签的实例
2017/09/26 jQuery
vue axios 二次封装的示例代码
2017/12/08 Javascript
JS实现的RC4加密算法示例
2018/08/16 Javascript
vue element table 表格请求后台排序的方法
2018/09/28 Javascript
jQuery实现全选、反选和不选功能的方法详解
2019/12/04 jQuery
JavaScript判断数据类型有几种方法及区别介绍
2020/09/02 Javascript
[01:20:06]TNC vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python类的用法实例浅析
2015/05/27 Python
Python简单实现自动删除目录下空文件夹的方法
2017/08/29 Python
python 整数越界问题详解
2019/06/27 Python
Ubuntu+python将nii图像保存成png格式
2019/07/18 Python
Python字符串中添加、插入特定字符的方法
2019/09/10 Python
500行代码使用python写个微信小游戏飞机大战游戏
2019/10/16 Python
python文件操作的简单方法总结
2019/11/07 Python
git查看、创建、删除、本地、远程分支方法详解
2020/02/18 Python
python 输入字符串生成所有有效的IP地址(LeetCode 93号题)
2020/10/15 Python
Python+OpenCV检测灯光亮点的实现方法
2020/11/02 Python
Numpy数组的广播机制的实现
2020/11/03 Python
松本清官方海外旗舰店:日本最大的药妆连锁店
2017/11/21 全球购物
TCP/IP中的TCP和IP分别承担什么责任
2012/04/21 面试题
教师求职推荐信范文
2013/11/20 职场文书
创业计划书六个要素
2013/12/26 职场文书
学校教师培训工作总结
2015/10/14 职场文书
《神奇的鸟岛》教学反思
2016/02/22 职场文书
忘记Grafana不要紧2种Grafana重置admin密码方法详细步骤
2022/04/07 Servers