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 相关文章推荐
百度 popup.js 完美修正版非常的不错 脚本之家推荐
Apr 17 Javascript
Javascript 遍历对象中的子对象
Jul 03 Javascript
jQuery阻止冒泡和HTML默认操作
Nov 17 Javascript
基于jquery实现轮播特效
Apr 22 Javascript
javascript 中Cookie读、写与删除操作
Mar 29 Javascript
用ES6写全屏滚动插件的示例代码
May 02 Javascript
node.js自动上传ftp的脚本分享
Jun 16 Javascript
Nuxt使用Vuex的方法示例
Sep 06 Javascript
推荐几个不错的console调试技巧实现
Dec 20 Javascript
JS实现电脑虚拟键盘的操作
Jun 24 Javascript
JavaScript实现动态生成表格
Aug 02 Javascript
antd form表单数据回显操作
Nov 02 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 Memcached应用实现代码
2010/02/08 PHP
深入探讨PHP中的内存管理问题
2011/08/31 PHP
比较discuz和ecshop的截取字符串函数php版
2012/09/03 PHP
php上传中文文件名乱码问题处理方案
2015/02/03 PHP
php实现压缩合并js的方法【附demo源码下载】
2016/09/22 PHP
js获取单选按钮的数据
2006/11/27 Javascript
JS 精确统计网站访问量的实例代码
2013/07/05 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
javaScript 计算两个日期的天数相差(示例代码)
2013/12/27 Javascript
NodeJs基本语法和类型
2015/02/13 NodeJs
JS实现很实用的对联广告代码(可自适应高度)
2015/09/18 Javascript
Bootstrap表单组件教程详解
2016/04/26 Javascript
浅谈JS运算符&amp;&amp;和|| 及其优先级
2016/08/10 Javascript
VUE中的无限循环代码解析
2017/09/22 Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
2017/09/27 Javascript
Vue+Flask实现简单的登录验证跳转的示例代码
2018/01/13 Javascript
JS选取DOM元素常见操作方法实例分析
2018/12/10 Javascript
微信小程序实现签字功能
2019/12/23 Javascript
Openlayers实现地图的基本操作
2020/09/28 Javascript
[02:41]DOTA2英雄基础教程 亚巴顿
2014/01/02 DOTA
以一个投票程序的实例来讲解Python的Django框架使用
2016/02/18 Python
使用pygame模块编写贪吃蛇的实例讲解
2018/02/05 Python
Python学习笔记之open()函数打开文件路径报错问题
2018/04/28 Python
Flask框架实现给视图函数增加装饰器操作示例
2018/07/16 Python
Python利用itchat库向好友或者公众号发消息的实例
2019/02/21 Python
Python Matplotlib 基于networkx画关系网络图
2019/07/10 Python
使用Python脚本zabbix自定义key监控oracle连接状态
2019/08/28 Python
Html5+JS实现手机摇一摇功能
2015/04/24 HTML / CSS
简单说下OSPF的操作过程
2014/08/13 面试题
售后主管岗位职责
2013/12/08 职场文书
2014年教师培训的自我评价
2014/01/03 职场文书
买卖协议书范本
2014/04/21 职场文书
信电学院毕业生自荐书
2014/05/24 职场文书
机关干部个人对照检查材料思想汇报
2014/09/28 职场文书
大学生党员自我评价
2015/03/04 职场文书
小学教研工作总结2015
2015/05/13 职场文书