layui select获取自定义属性方法


Posted in Javascript onAugust 15, 2018

在layui里面给了特定几个自定义属性title

<select name="aa" lay-filter="sadaS">

<option value="">请选择属性</option>

<option value="1" title="12.32">雪碧</option>

<option value="2" title="2.01">芬达</option>

<option value="3" title="34.51">冰糖雪梨</option>

<option value="4" title="17.46">金贝</option>

</select>

监听select

form.on('select(sadaS)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.elem[data.elem.selectedIndex].text);
 console.log(data.elem[data.elem.selectedIndex].title);

});

另外在select上面呢

在layui里面给了特定几个自定义属性title

<select name="aa" data-aid="where is data-aid" lay-filter="sadaS">

<option value="">请选择属性</option>

<option value="1" title="12.32">雪碧</option>

<option value="2" title="2.01">芬达</option>

<option value="3" title="34.51">冰糖雪梨</option>

<option value="4" title="17.46">金贝</option>

</select>
form.on('select(sadaS)', function(data){ console.log(data.elem.getAttribute(data-aid)); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.elem[data.elem.selectedIndex].text); console.log(data.elem[data.elem.selectedIndex].title);});

以上这篇layui select获取自定义属性方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
判断输入是否为空,获得输入类型的JS代码
Oct 30 Javascript
jQuery的cookie插件实现保存用户登陆信息
Apr 15 Javascript
JS获取屏幕高度的简单实现代码
May 24 Javascript
jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例
Jan 30 Javascript
详解Vue2.x-directive的学习笔记
Jul 17 Javascript
老生常谈js数据类型
Aug 03 Javascript
Vue2.5学习笔记之如何在项目中使用和配置Vue
Sep 26 Javascript
JavaScript动态创建二维数组的方法示例
Feb 01 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
Apr 29 Javascript
解决mui框架中switch开关通过js控制开或者关状态时小圆点不动的问题
Sep 03 Javascript
three.js利用gpu选取物体并计算交点位置的方法示例
Nov 25 Javascript
原生js实现下拉框选择组件
Jan 20 Javascript
Vue自定义toast组件的实例代码
Aug 15 #Javascript
JavaScript中set与get方法用法示例
Aug 15 #Javascript
基于JavaScript实现瀑布流布局
Aug 15 #Javascript
解决Layui 表单提交数据为空的问题
Aug 15 #Javascript
jQuery轮播图实例详解
Aug 15 #jQuery
JS实现获取毫秒值及转换成年月日时分秒的方法
Aug 15 #Javascript
对layui中表单元素的使用详解
Aug 15 #Javascript
You might like
php数组函数序列之in_array() 查找数组值是否存在
2011/10/29 PHP
phpmyadmin配置文件现在需要绝密的短密码(blowfish_secret)的2种解决方法
2014/05/07 PHP
php循环table实现一行两列显示的方法
2015/06/04 PHP
PHP多进程编程实例详解
2017/07/19 PHP
Prototype中dom对象方法汇总
2008/09/17 Javascript
event对象的方法 兼容多浏览器
2009/06/27 Javascript
jquery 子窗口操作父窗口的代码
2009/09/21 Javascript
屏蔽Flash右键信息的js代码
2010/01/17 Javascript
jquery方法+js一般方法+js面向对象方法实现拖拽效果
2012/08/30 Javascript
基于jquery DOM写的类似微博发布的效果
2012/10/20 Javascript
缓动函数requestAnimationFrame 更好的实现浏览器经动画
2012/12/07 Javascript
jquery做的一个简单的屏幕锁定提示框
2014/03/26 Javascript
JavaScript中连接操作Oracle数据库实例
2015/04/02 Javascript
javascript验证香港身份证的格式或真实性
2017/02/07 Javascript
深入对Vue.js $watch方法的理解
2017/03/20 Javascript
信息滚动效果的实例讲解
2017/09/18 Javascript
vue todo-list组件发布到npm上的方法
2018/04/04 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
2018/11/15 Javascript
JS实现页面数据懒加载
2020/02/13 Javascript
JavaScript ES6 Class类实现原理详解
2020/05/08 Javascript
python实现点对点聊天程序
2018/07/28 Python
pygame游戏之旅 添加键盘按键的方法
2018/11/20 Python
django项目环境搭建及在虚拟机本地创建django项目的教程
2019/08/02 Python
Pytorch中膨胀卷积的用法详解
2020/01/07 Python
HTML文本属性&amp;颜色控制属性的实现
2019/12/17 HTML / CSS
沙龙级头发造型工具:FOXYBAE
2018/07/01 全球购物
Paul Smith英国官网:英国国宝级时装品牌
2019/03/21 全球购物
我的中国心演讲稿
2014/09/04 职场文书
工作保证书怎么写
2015/02/28 职场文书
2015年中个人总结范文
2015/03/10 职场文书
工程技术员岗位职责
2015/04/11 职场文书
东京审判观后感
2015/06/01 职场文书
教师节获奖感言
2015/07/31 职场文书
Python并发编程实例教程之线程的玩法
2021/06/20 Python
Mybatis-plus在项目中的简单应用
2021/07/01 Java/Android
Redis中key的过期删除策略和内存淘汰机制
2022/04/12 Redis