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代码
Mar 10 Javascript
使用jquery组件qrcode生成二维码及应用指南
Feb 22 Javascript
JavaScript实现动态添加,删除行的方法实例详解
Jul 02 Javascript
js实现小窗口拖拽效果
Dec 03 Javascript
微信小程序开发之好友列表字母列表跳转对应位置
Sep 26 Javascript
微信小程序异步处理详解
Nov 10 Javascript
简述vue中的config配置
Jan 23 Javascript
详解vue-cli中模拟数据的两种方法
Jul 03 Javascript
vue2.0 可折叠列表 v-for循环展示的实例
Sep 07 Javascript
React通过redux-persist持久化数据存储的方法示例
Feb 14 Javascript
ES6中字符串的使用方法扩展
Jun 04 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
Aug 27 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中禁止单个IP与ip段访问的代码小结
2012/07/04 PHP
php生成二维码
2015/08/10 PHP
一款Jquery 分页插件的改造方法(服务器端分页)
2011/07/11 Javascript
JavaScript 基础篇之对象、数组使用介绍(三)
2012/04/07 Javascript
javascript 全选与全取消功能的实现代码
2012/12/23 Javascript
jQuery判断iframe中元素是否存在的方法
2013/05/11 Javascript
在页面中js获取光标/鼠标的坐标及光标的像素坐标
2013/11/11 Javascript
js判断60秒以及倒计时示例代码
2014/01/24 Javascript
JQuery 在线引用及测试引用是否成功
2014/06/24 Javascript
自定义刻度jQuery进度条及插件
2015/09/02 Javascript
简单的jQuery banner图片轮播实例代码
2016/03/04 Javascript
javascript中错误使用var造成undefined
2016/03/31 Javascript
jQuery根据表单name获取值的方法
2016/05/24 Javascript
js仿百度切换皮肤功能(html+css)
2016/07/10 Javascript
JavaScript新增样式规则(推荐)
2016/07/19 Javascript
AngularJS基础 ng-copy 指令实例代码
2016/08/01 Javascript
深入理解Promise.all
2018/08/08 Javascript
vue iview多张图片大图预览、缩放翻转
2019/07/13 Javascript
[54:25]Ti4 循环赛第三日LGD vs MOUZ
2014/07/12 DOTA
[01:04:06]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第一局
2016/02/26 DOTA
[46:58]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第一场 12.17
2020/12/19 DOTA
python实现m3u8格式转换为mp4视频格式
2018/02/28 Python
详解python Todo清单实战
2018/11/01 Python
keras处理欠拟合和过拟合的实例讲解
2020/05/25 Python
戛纳奢侈品商店:Jacques Loup法国
2019/11/04 全球购物
求职简历中的自我评价分享
2013/12/08 职场文书
物流合作计划书
2014/01/10 职场文书
保安的辞职报告怎么写
2014/01/20 职场文书
护理毕业生自我鉴定
2014/02/11 职场文书
学校运动会报道稿
2014/09/23 职场文书
外贸采购员岗位职责
2015/04/03 职场文书
邮政营业员岗位职责
2015/04/14 职场文书
小学一年级班主任工作经验交流材料
2015/11/02 职场文书
如何利用pygame实现打飞机小游戏
2021/05/30 Python
python单元测试之pytest的使用
2021/06/07 Python
Python实现猜拳与猜数字游戏的方法详解
2022/04/06 Python