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 相关文章推荐
extjs fckeditor集成代码
May 10 Javascript
Jquery下判断Id是否存在的代码
Jan 06 Javascript
关于setInterval、setTimeout在jQuery中的使用注意事项
Sep 28 Javascript
jQuery动态设置form表单的enctype值(实现代码)
Jul 04 Javascript
js中精确计算加法和减法示例
Mar 28 Javascript
JavaScript中的对象和原型(一)
Aug 12 Javascript
AngularJS入门教程之模块化操作用法示例
Nov 02 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
Mar 07 Javascript
Vue计算属性的使用
Aug 04 Javascript
JavaScript 五大常见函数
Mar 23 Javascript
WebPack配置vue多页面的技巧
May 15 Javascript
mpvue 如何使用腾讯视频插件的方法
Jul 16 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
codeigniter数据库操作函数汇总
2014/06/12 PHP
PHP实现用session来实现记录用户登陆信息
2018/10/15 PHP
php设计模式之组合模式实例详解【星际争霸游戏案例】
2020/03/27 PHP
js树形控件脚本代码
2008/07/24 Javascript
jQuery中对节点进行操作的相关介绍
2013/04/16 Javascript
javascript 处理null及null值示例
2014/06/09 Javascript
Node.js插件的正确编写方式
2014/08/03 Javascript
js实现九宫格图片半透明渐显特效的方法
2015/02/16 Javascript
JavaScript截断字符串的方法
2015/07/15 Javascript
jQuery超赞的评分插件(8款)
2015/08/20 Javascript
js实现瀑布流的三种方式比较
2020/06/28 Javascript
AngularJS控制器之间的数据共享及通信详解
2016/08/01 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
2016/09/26 Javascript
JS实现微信里判断页面是否被分享成功的方法
2017/06/06 Javascript
JavaScript定义函数_动力节点Java学院整理
2017/06/27 Javascript
Vue 父子组件的数据传递、修改和更新方法
2018/03/01 Javascript
puppeteer实现html截图的示例代码
2019/01/10 Javascript
JavaScript命名空间模式实例详解
2019/06/20 Javascript
图解NodeJS实现登录注册功能
2019/09/16 NodeJs
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
Python psutil模块简单使用实例
2015/04/28 Python
Python实现合并两个列表的方法分析
2018/05/28 Python
在主流系统之上安装Pygame的方法
2020/05/20 Python
苹果美国官方商城:Apple美国
2016/08/24 全球购物
美国时尚女装在线:Missguided
2016/12/03 全球购物
Bose英国官方网站:美国知名音响品牌
2020/01/26 全球购物
大学学习计划书范文
2014/05/02 职场文书
幼师求职信
2014/06/23 职场文书
教育项目合作协议书格式
2014/10/17 职场文书
白酒代理协议书范本
2014/10/26 职场文书
幼儿园父亲节活动总结
2015/02/12 职场文书
学生会个人总结范文
2015/02/15 职场文书
辞职信模板(中英文版)
2015/02/27 职场文书
2015年感恩节活动总结
2015/03/24 职场文书
MongoDB日志切割的三种方式总结
2021/09/15 MongoDB
vue打包时去掉所有的console.log
2022/04/10 Vue.js