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控制上传文件的大小
Oct 26 Javascript
javascript动态添加表格数据行(ASP后台数据库保存例子)
May 08 Javascript
sencha touch 模仿tabpanel导航栏TabBar的实例代码
Oct 24 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
Nov 29 Javascript
JavaScript常用函数工具集:lao-utils
Mar 01 Javascript
Bootstrap每天必学之工具提示(Tooltip)插件
Apr 26 Javascript
原生js实现图片放大缩小计时器效果
Jan 20 Javascript
Angular ng-animate和ng-cookies用法详解
Apr 18 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
Aug 20 Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
Oct 30 Javascript
JavaScript动态生成表格的示例
Nov 02 Javascript
一行JavaScript代码如何实现瀑布流布局
Dec 11 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
怎么在Windows系统中搭建php环境
2013/08/31 PHP
php利用腾讯ip分享计划获取地理位置示例分享
2014/01/20 PHP
php实现计数器方法小结
2015/01/05 PHP
PHP中$this和$that指针使用实例
2015/01/06 PHP
php根据数据id自动生成编号的实现方法
2016/10/16 PHP
使用window.prompt()实现弹出用户输入的对话框
2015/04/13 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
2015/06/06 Javascript
JavaScript生成验证码并实现验证功能
2016/09/24 Javascript
微信js-sdk上传与下载图片接口用法示例
2016/10/12 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
2017/04/01 Javascript
vue2.0 中#$emit,$on的使用详解
2017/06/07 Javascript
js+html5实现复制文字按钮
2017/07/15 Javascript
微信小程序实现复选框效果
2018/12/28 Javascript
Vue源码之关于vm.$delete()/Vue.use()内部原理详解
2019/05/01 Javascript
vue 解决IOS10低版本白屏的问题
2020/11/17 Javascript
React中使用Vditor自定义图片详解
2020/12/25 Javascript
[54:53]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第二场
2014/05/23 DOTA
[01:25]DOTA2自定义游戏灵园鬼域等你踏足
2015/10/30 DOTA
使用Python开发windows GUI程序入门实例
2014/10/23 Python
python微信好友数据分析详解
2018/11/19 Python
pycharm设置鼠标悬停查看方法设置
2019/07/29 Python
python爬虫之爬取百度音乐的实现方法
2019/08/24 Python
python实现音乐播放器 python实现花框音乐盒子
2020/02/25 Python
HTML5头部标签的一些常用信息小结
2016/10/23 HTML / CSS
电气个人求职信范文
2014/02/04 职场文书
出纳员的岗位职责
2014/02/22 职场文书
建筑安全责任书范本
2014/07/24 职场文书
党员民主生活会个人整改措施材料
2014/09/16 职场文书
教师批评与自我批评总结
2014/10/16 职场文书
导游欢送词
2015/01/31 职场文书
个园导游词
2015/02/04 职场文书
给老婆的检讨书(搞笑版)
2015/05/06 职场文书
聚众斗殴罪辩护词
2015/05/21 职场文书
django 认证类配置实现
2021/11/11 Python
JVM之方法返回地址详解
2022/02/28 Java/Android