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 相关文章推荐
Jquery实现仿新浪微博获取文本框能输入的字数代码
Feb 22 Javascript
简单的JavaScript互斥锁分享
Feb 02 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
Sep 09 Javascript
jQuery中on()方法用法实例
Jan 19 Javascript
pace.js页面加载进度条插件
Sep 29 Javascript
浅谈使用MVC模式进行JavaScript程序开发
Nov 10 Javascript
JS判断来路是否是百度等搜索索引进行弹窗或自动跳转的实现代码
Oct 09 Javascript
Jquery Easyui验证组件ValidateBox使用详解(20)
Dec 18 Javascript
js使用i18n实现页面国际化的方法
May 09 Javascript
微信小程序slider组件使用详解
Jan 31 Javascript
详解Eslint 配置及规则说明
Sep 10 Javascript
element-ui 实现响应式导航栏的示例代码
May 08 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 取得瑞年与平年的天数的代码
2009/08/10 PHP
php学习笔记 PHP面向对象的程序设计
2011/06/13 PHP
PHP创建/删除/复制文件夹、文件
2016/05/03 PHP
许愿墙中用到的函数
2006/10/07 Javascript
Javascript冒泡排序算法详解
2014/12/03 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
2016/04/21 Javascript
jquery uploadify隐藏上传进度的实现方法
2017/02/06 Javascript
Javascript中将变量转换为字符串的三种方法
2017/09/19 Javascript
vue+vuecli+webpack中使用mockjs模拟后端数据的示例
2017/10/24 Javascript
jQuery实现的简单手风琴效果示例
2018/08/29 jQuery
VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip
2018/11/30 Javascript
Vue-cli3多页面配置详解
2020/03/22 Javascript
使用JavaScript获取Django模板指定键值数据
2020/05/27 Javascript
vue cli4.0项目引入typescript的方法
2020/07/17 Javascript
vue 解决addRoutes多次添加路由重复的操作
2020/08/04 Javascript
封装Vue Element的table表格组件的示例详解
2020/08/19 Javascript
ES5和ES6中类的区别总结
2020/12/21 Javascript
使用SAE部署Python运行环境的教程
2015/05/05 Python
Python利用字典将两个通讯录文本合并为一个文本实例
2018/01/16 Python
pandas 取出表中一列数据所有的值并转换为array类型的方法
2018/04/11 Python
对json字符串与python字符串的不同之处详解
2018/12/19 Python
python 直接赋值和copy的区别详解
2019/08/07 Python
opencv实现简单人脸识别
2021/02/19 Python
python的命名规则知识点总结
2019/10/04 Python
python opencv进行图像拼接
2020/03/27 Python
pandas to_excel 添加颜色操作
2020/07/14 Python
canvas版人体时钟的实现示例
2021/01/29 HTML / CSS
Roots加拿大官网:加拿大休闲服饰品牌
2016/10/24 全球购物
十佳大学生村官事迹
2014/01/09 职场文书
员工安全承诺书
2014/05/22 职场文书
建筑专业毕业生自荐信
2014/05/25 职场文书
教师个人工作总结范文2014
2014/11/10 职场文书
文明倡议书
2015/01/19 职场文书
机关干部正风肃纪心得体会
2016/01/15 职场文书
千万级用户系统SQL调优实战分享
2022/03/03 MySQL
「偶像大师 MILLION LIVE!」七尾百合子手办开订
2022/03/21 日漫