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 相关文章推荐
从阿里妈妈发现的几个不错的表单验证函数
Sep 21 Javascript
javascript与asp.net(c#)互相调用方法
Dec 13 Javascript
javascript 基础篇1 什么是js 建立第一个js程序
Mar 14 Javascript
复制js对象方法(详解)
Jul 08 Javascript
最好用的省市二级联动 原生js实现你值得拥有
Sep 22 Javascript
原生js事件的添加和删除的封装
Jul 01 Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
Jan 18 Javascript
学习使用bootstrap3栅格系统
Apr 12 Javascript
Angularjs为ng-click事件传递参数
Jun 15 Javascript
javaScript 连接打印机,打印小票的实例
Dec 29 Javascript
Vue Elenent实现表格相同数据列合并
Nov 30 Vue.js
Vue如何实现验证码输入交互
Dec 07 Vue.js
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
laravel自定义分页效果
2017/07/23 PHP
PHP实现的登录页面信息提示功能示例
2017/07/24 PHP
laravel中的fillable和guarded属性详解
2019/10/23 PHP
PHPExcel实现的读取多工作表操作示例
2020/04/14 PHP
Jquery ThickBox插件使用心得(不建议使用)
2010/09/08 Javascript
javascript 按键事件(兼容各浏览器)
2013/12/20 Javascript
使用原生JS实现弹出层特效
2014/12/22 Javascript
angularJS 入门基础
2015/02/09 Javascript
JS模式之简单的订阅者和发布者模式完整实例
2015/06/30 Javascript
由ReactJS的Hello world说开来
2015/07/02 Javascript
谈谈JavaScript中function多重理解
2015/08/28 Javascript
JavaScript+canvas实现七色板效果实例
2016/02/18 Javascript
浅析$.getJSON异步请求和同步请求
2016/06/06 Javascript
JavaScript中如何判断一个值的类型
2017/09/15 Javascript
jQuery实现的简单前端搜索功能示例
2017/10/28 jQuery
js推箱子小游戏步骤代码解析
2018/01/10 Javascript
微信小程序 Storage更新详解
2019/07/16 Javascript
d3.js实现图形拖拽
2019/12/19 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
2020/10/02 Javascript
python利用elaphe制作二维条形码实现代码
2012/05/25 Python
Python计算三维矢量幅度的方法
2015/06/15 Python
Python Web框架Tornado运行和部署
2020/10/19 Python
python 性能提升的几种方法
2016/07/15 Python
浅谈Python 列表字典赋值的陷阱
2019/01/20 Python
使用python Telnet远程登录执行程序的方法
2019/01/26 Python
Pandas0.25来了千万别错过这10大好用的新功能
2019/08/07 Python
Python装饰器实现方法及应用场景详解
2020/03/26 Python
Python基于os.environ从windows获取环境变量
2020/06/09 Python
使用CSS3的背景渐变Text Gradient 创建文字颜色渐变
2014/08/19 HTML / CSS
三只松鼠官方旗舰店:全网坚果销售第1
2017/11/25 全球购物
法律系毕业生自荐信范文
2014/03/27 职场文书
《二泉映月》教学反思
2014/04/15 职场文书
生物工程专业求职信
2014/09/03 职场文书
2015年教务处干事工作总结
2015/07/22 职场文书
python 爬取吉首大学网站成绩单
2021/06/02 Python
Python软件包安装的三种常见方法
2022/07/07 Python