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 继承详解(二)
Jul 13 Javascript
JavaScript具有类似Lambda表达式编程能力的代码(改进版)
Sep 14 Javascript
javascript控制swfObject应用介绍
Nov 29 Javascript
js二级地域选择的实现方法
Jun 17 Javascript
ECMAScript6中Map/WeakMap详解
Jun 12 Javascript
浅谈Javascript中的函数、this以及原型
Oct 09 Javascript
node.js express中app.param的用法详解
Jul 16 Javascript
使用Bootstrap4 + Vue2实现分页查询的示例代码
Dec 21 Javascript
详解Vue 匿名、具名和作用域插槽的使用方法
Apr 22 Javascript
axios实现文件上传并获取进度
Mar 25 Javascript
Vue.extend 编程式插入组件的实现
Nov 18 Javascript
JavaScript实现消消乐的源代码
Jan 12 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
推荐一篇入门级的Class文章
2007/03/19 PHP
php的curl封装类用法实例
2014/11/07 PHP
浅谈Laravel队列实现原理解决问题记录
2017/08/19 PHP
JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现
2012/08/14 Javascript
ajax的hide隐藏问题解决方法
2012/12/11 Javascript
javascript间隔刷新的简单实例
2013/11/14 Javascript
Javascript浮点数乘积运算出现多位小数的解决方法
2014/02/17 Javascript
SeaJS入门教程系列之SeaJS介绍(一)
2014/03/03 Javascript
Javascript this 关键字 详解
2014/10/22 Javascript
jQuery中DOM操作实例分析
2015/01/23 Javascript
JavaScript的Date()方法使用详解
2015/06/09 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
ES6的新特性概览
2016/03/10 Javascript
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
2017/07/11 Javascript
详解vue+vuex+koa2开发环境搭建及示例开发
2018/01/22 Javascript
解决vue-loader加载不上的问题
2020/10/21 Javascript
Vue实现图书管理小案例
2020/12/03 Vue.js
python基础教程之字典操作详解
2014/03/25 Python
Python实现对比不同字体中的同一字符的显示效果
2015/04/23 Python
Python利用matplotlib.pyplot绘图时如何设置坐标轴刻度
2018/04/09 Python
python进行文件对比的方法
2018/12/24 Python
华为校园招聘上机笔试题 扑克牌大小(python)
2020/04/22 Python
pymysql的简单封装代码实例
2020/01/08 Python
Pytest框架之fixture的详细使用教程
2020/04/07 Python
Python基于pandas绘制散点图矩阵代码实例
2020/06/04 Python
解决Keras 自定义层时遇到版本的问题
2020/06/16 Python
应届大学生的推荐信
2013/11/20 职场文书
洗发露广告词
2014/03/14 职场文书
英语教师自荐信
2014/05/26 职场文书
保险专业求职信
2014/07/07 职场文书
师德师风主题教育活动总结
2015/05/07 职场文书
2015年小学教导处工作总结
2015/05/26 职场文书
整脏治乱工作简报
2015/07/21 职场文书
PHP 对接美团大众点评团购券(门票)的开发步骤
2021/04/03 PHP
pyqt5蒙版遮罩mask,setmask的使用
2021/06/11 Python
三种方式清除vue路由跳转router-link的历史记录
2022/04/10 Vue.js