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 firefox不显示本地预览图片问题的解决方法
Nov 12 Javascript
自己的js工具_Form 封装
Aug 21 Javascript
jQuery-ui中自动完成实现方法
Jun 10 Javascript
javascript面向对象入门基础详细介绍
Sep 05 Javascript
jQuery操作checkbox选择(list/table)
Apr 07 Javascript
js实现表格字段排序
Feb 19 Javascript
基于jquery的手风琴图片展示效果实现方法
Dec 16 Javascript
javascript简单实现等比例缩小图片的方法
Jul 27 Javascript
利用SpringMVC过滤器解决vue跨域请求的问题
Feb 10 Javascript
javascript和php使用ajax通信传递JSON的实例
Aug 21 Javascript
使用flow来规范javascript的变量类型
Sep 12 Javascript
JavaScript流程控制(分支)
Dec 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 CKEditor 上传图片实现代码
2009/11/06 PHP
用PHP实现小写金额转换大写金额的代码(精确到分)
2012/01/10 PHP
阿里对象存储OSS在laravel框架中的使用方法
2019/10/13 PHP
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
2010/07/26 Javascript
javascript中加号(+)操作符的一些神奇作用
2014/06/06 Javascript
JS实现让网页背景图片斜向移动的方法
2015/02/25 Javascript
WEB 前端开发中防治重复提交的实现方法
2016/10/26 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
2016/12/17 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
2017/01/19 Javascript
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
2017/08/24 Javascript
JS实现求5的阶乘示例
2019/01/21 Javascript
跟混乱的页面弹窗说再见
2019/04/11 Javascript
jquery实现Ajax请求的几种常见方式总结
2019/05/28 jQuery
Vue中全局变量的定义和使用
2019/06/05 Javascript
nodejs一个简单的文件服务器的创建方法
2019/09/13 NodeJs
vue-cli点击实现全屏功能
2020/03/07 Javascript
vue键盘事件点击事件加native操作
2020/07/27 Javascript
Python使用random和tertools模块解一些经典概率问题
2015/01/28 Python
python3使用urllib模块制作网络爬虫
2016/04/08 Python
Python 实现选择排序的算法步骤
2018/04/22 Python
python破解zip加密文件的方法
2018/05/31 Python
Python识别快递条形码及Tesseract-OCR使用详解
2019/07/15 Python
对django 模型 unique together的示例讲解
2019/08/06 Python
python3安装OCR识别库tesserocr过程图解
2020/04/02 Python
浅谈keras 模型用于预测时的注意事项
2020/06/27 Python
Python中常用的os操作汇总
2020/11/05 Python
公务员年总结的自我评价
2013/10/25 职场文书
店长岗位的工作内容
2013/11/12 职场文书
大学新生欢迎词
2014/01/10 职场文书
婚礼主持词
2014/03/13 职场文书
实习单位鉴定意见
2015/06/04 职场文书
拔河比赛新闻稿
2015/07/17 职场文书
2016年小学感恩节活动总结
2016/04/01 职场文书
苹果M1芯片安装nginx 并且部署vue项目步骤详解
2021/11/20 Servers
vue实现列表拖拽排序的示例代码
2022/04/08 Vue.js
MySQL使用IF语句及用case语句对条件并结果进行判断 
2022/09/23 MySQL