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 相关文章推荐
js脚本学习 比较实用的基础
Sep 07 Javascript
情人节专属 纯js脚本1k大小的3D玫瑰效果
Feb 11 Javascript
jsp+javascript打造级连菜单的实例代码
Jun 14 Javascript
javascripit实现密码强度检测代码分享
Dec 12 Javascript
js获取元素相对窗口位置的实现代码
Sep 28 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
Nov 16 Javascript
五种js判断是否为整数类型方式
Dec 03 Javascript
生产制造追溯系统之在线打印功能
Jun 03 Javascript
JavaScript中的连续赋值问题实例分析
Jul 12 Javascript
解决vue的过渡动画无法正常实现问题
Oct 31 Javascript
vue的项目如何打包上线
Apr 13 Vue.js
微信小程序APP页面的之间的相互传递参数以及自定义组件
Apr 19 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
最省空间的计数器
2006/10/09 PHP
杏林同学录(六)
2006/10/09 PHP
js获取html文件的思路及示例
2013/09/17 Javascript
jQuery使用正则表达式限制文本框只能输入数字
2016/06/18 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
2016/12/30 Javascript
微信小程序 textarea 组件详解及简单实例
2017/01/10 Javascript
浅谈js中同名函数和同名变量的执行问题
2017/02/12 Javascript
Vue.js学习教程之列表渲染详解
2017/05/17 Javascript
ajax +NodeJS 实现图片上传实例
2017/06/06 NodeJs
JS移动端/H5同时选择多张图片上传并使用canvas压缩图片
2017/06/20 Javascript
JavaScript文件的同步和异步加载的实现代码
2017/08/19 Javascript
JS使用canvas中的measureText方法测量字体宽度示例
2019/02/02 Javascript
vue实现微信获取用户信息的方法
2019/03/21 Javascript
详解JWT token心得与使用实例
2019/08/02 Javascript
JS运算符简单用法示例
2020/01/19 Javascript
Vue 一键清空表单的实现方法
2020/02/07 Javascript
非常漂亮的js烟花效果
2020/03/10 Javascript
基于javascript处理二进制图片流过程详解
2020/06/08 Javascript
用js实现放大镜效果
2020/10/28 Javascript
[03:39]这就是刀塔,我们是冠军!燃情短片讲述我们的DOTA故事
2019/07/02 DOTA
python 解析XML python模块xml.dom解析xml实例代码
2014/02/07 Python
Flask框架Flask-Principal基本用法实例分析
2018/07/23 Python
python3.6根据m3u8下载mp4视频
2019/06/17 Python
pandas条件组合筛选和按范围筛选的示例代码
2019/08/26 Python
利用pandas向一个csv文件追加写入数据的实现示例
2020/04/23 Python
时装界的“朋克之母”:Vivienne Westwood
2017/07/06 全球购物
巴西葡萄酒商店:Divvino
2020/02/22 全球购物
大专应届生个人简历的自我评价
2013/10/15 职场文书
刘胡兰的英雄事迹材料
2014/02/11 职场文书
小学教师自我鉴定范文
2014/03/20 职场文书
大学生党校培训心得体会
2014/09/11 职场文书
办公室规章制度范本
2015/08/04 职场文书
学会感恩主题班会
2015/08/12 职场文书
java基础——多线程
2021/07/03 Java/Android
Django+Nginx+uWSGI 定时任务的实现方法
2022/01/22 Python
NASA 机智号火星直升机拍到了毅力号设备碎片
2022/04/29 数码科技