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 相关文章推荐
JavaScript事件处理器中的event参数使用介绍
May 24 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
Apr 02 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
Nov 17 Javascript
AngularJS使用angular-formly进行表单验证
Dec 27 Javascript
简单解析JavaScript中的__proto__属性
May 10 Javascript
jQuery stop()用法实例详解
Jul 28 Javascript
Angularjs添加排序查询功能的实例代码
Oct 24 Javascript
vue绑定的点击事件阻止冒泡的实例
Feb 08 Javascript
浅谈Angular HttpClient简单入门
May 04 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
Aug 09 Javascript
layer父页获取弹出层输入框里面的值方法
Sep 02 Javascript
layui扩展上传组件模拟进度条的方法
Sep 23 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获取地址栏信息的代码
2008/10/08 PHP
PHP socket 模拟POST 请求实例代码
2016/07/18 PHP
PHP面向对象五大原则之单一职责原则(SRP)详解
2018/04/04 PHP
jQuery Jcrop插件实现图片选取功能
2011/11/23 Javascript
JS判断元素为数字的奇异写法分享
2012/08/01 Javascript
javascript变量作用域使用中常见错误总结
2013/03/26 Javascript
javascript实现按回车键切换焦点
2015/02/09 Javascript
JQuery中节点遍历方法实例
2015/05/18 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
js实现的页面矩阵图形变换特效
2016/01/26 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
2016/08/01 Javascript
Vue 2中ref属性的使用方法及注意事项
2017/06/12 Javascript
JS实现新建文件夹功能
2017/06/17 Javascript
浅谈vue+webpack项目调试方法步骤
2017/09/11 Javascript
Vue.js与 ASP.NET Core 服务端渲染功能整合
2017/11/16 Javascript
vue项目中使用Svg的方法
2018/10/24 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
2018/11/22 Javascript
vue过滤器用法实例分析
2019/03/15 Javascript
Webpack设置环境变量的一些误区详解
2019/12/19 Javascript
小程序使用分包的示例代码
2020/03/23 Javascript
vue实现户籍管理系统
2020/05/29 Javascript
vuex刷新后数据丢失的解决方法
2020/10/18 Javascript
[02:23]2014DOTA2国际邀请赛中国战队回顾
2014/08/01 DOTA
python 获取et和excel的版本号
2009/04/09 Python
深入探究Python中变量的拷贝和作用域问题
2015/05/05 Python
Python实现翻转数组功能示例
2018/01/12 Python
django框架事务处理小结【ORM 事务及raw sql,customize sql 事务处理】
2019/06/27 Python
Python爬虫如何破解JS加密的Cookie
2020/11/19 Python
基于CSS3实现图片模糊过滤效果
2015/11/19 HTML / CSS
HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
2013/01/30 HTML / CSS
Linux的文件类型
2016/07/05 面试题
我的理想演讲稿
2014/04/30 职场文书
租房协议书范例
2014/10/14 职场文书
信访稳定工作汇报
2014/10/27 职场文书
在人间读书笔记
2015/06/30 职场文书
go语言中GOPATH GOROOT的作用和设置方式
2021/05/05 Golang